*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
margin:0; font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
color:var(--ink); background:var(--white); line-height:1.6;
-webkit-font-smoothing:antialiased;
}
img{max-width:100%; display:block}
a{color:inherit; text-decoration:none}
button{font-family:inherit; cursor:pointer}
h1,h2,h3,h4{line-height:1.15; margin:0; letter-spacing:-.01em}
h1{font-weight:800; font-size:clamp(2rem,4.6vw,3.5rem)}
h2{font-weight:800; font-size:clamp(1.6rem,3vw,2.3rem)}
h3{font-weight:700}
.container{max-width:var(--container); margin:0 auto; padding:0 24px}
.section{padding:80px 0}
.section--surface{background:var(--surface)}
.eyebrow{color:var(--yellow-600); font-weight:800; letter-spacing:.14em; text-transform:uppercase; font-size:.78rem; margin:0 0 10px}
.muted{color:var(--muted)}
.skip-link{position:absolute; left:-9999px; top:0; background:var(--yellow-500); color:var(--ink); padding:10px 16px; border-radius:0 0 var(--r-btn) 0; z-index:2000; font-weight:700}
.skip-link:focus{left:0}
:focus-visible{outline:3px solid var(--yellow-500); outline-offset:2px; border-radius:4px}
.ph{border:1px dashed var(--line); border-radius:var(--r-card); background:var(--surface); min-height:160px; display:grid; place-items:center; color:var(--muted); text-align:center; padding:20px}
/* Hero */
.hero{position:relative; background:var(--navy-900); color:#fff; overflow:hidden; isolation:isolate}
.hero__bg{position:absolute; inset:0; background-image:linear-gradient(90deg,rgba(8,24,49,.94) 0%,rgba(8,24,49,.82) 42%,rgba(8,24,49,.55) 100%),url('../img/unsplash-1541888946425-d8.jpg'); background-size:cover; background-position:center right; z-index:-1}
.hero__inner{max-width:var(--container); margin:0 auto; padding:112px 24px 128px}
.hero__content{max-width:720px}
.hero h1{color:#fff; margin-bottom:20px}
.hero__sub{color:#CBD6E4; font-size:clamp(1rem,1.5vw,1.22rem); max-width:600px; margin:0 0 34px}
.hero__actions{display:flex; flex-wrap:wrap; gap:14px}
@media (max-width:640px){ .hero__inner{padding:80px 24px 96px} .hero__actions .btn{width:100%} }
/* Feature chips */
.features{padding:0 0 8px; margin-top:-64px; position:relative; z-index:5}
.features .grid{display:grid; grid-template-columns:repeat(3,1fr); gap:var(--gap)}
.fcard{display:flex; gap:16px; align-items:flex-start; background:var(--white); border:1px solid var(--line); border-radius:var(--r-card); box-shadow:var(--shadow-md); padding:24px; transition:transform .18s, box-shadow .18s}
.fcard:hover{transform:translateY(-4px); box-shadow:var(--shadow-lg)}
.fcard .ic{flex:none; width:48px; height:48px; border-radius:10px; background:var(--yellow-100); display:grid; place-items:center}
.fcard h3{font-size:1.02rem; margin-bottom:4px}
.fcard p{margin:0; color:var(--muted); font-size:.92rem}
.fcard .arrow{margin-left:auto; color:var(--yellow-600); flex:none; transition:transform .18s}
.fcard:hover .arrow{transform:translateX(4px)}
@media (max-width:900px){ .features{margin-top:-32px} .features .grid{grid-template-columns:1fr} }
/* Platform */
.platform__grid{display:grid; grid-template-columns:1fr 1.05fr; gap:56px; align-items:center}
.checks{list-style:none; padding:0; margin:22px 0 30px; display:grid; gap:12px}
.checks li{display:flex; gap:12px; align-items:flex-start; font-weight:500}
.checks .ck{flex:none; width:24px; height:24px; border-radius:50%; background:var(--yellow-500); display:grid; place-items:center; margin-top:2px}
.dash{background:var(--navy-800); border-radius:var(--r-panel); padding:18px; box-shadow:var(--shadow-lg); color:#fff}
.dash__top{display:flex; align-items:center; gap:8px; margin-bottom:16px}
.dash__dots i{width:10px; height:10px; border-radius:50%; display:inline-block; margin-right:6px; background:rgba(255,255,255,.25)}
.dash__title{margin-left:auto; font-size:.78rem; color:rgba(255,255,255,.7); font-weight:600; letter-spacing:.04em}
.kpis{display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-bottom:16px}
.kpi{background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.1); border-radius:10px; padding:14px}
.kpi b{display:block; font-size:1.5rem; font-weight:800}
.kpi span{font-size:.72rem; color:rgba(255,255,255,.66); text-transform:uppercase; letter-spacing:.06em}
.kpi--ok b{color:var(--yellow-500)}
.chart{background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.1); border-radius:10px; padding:14px; margin-bottom:16px}
.chart svg{display:block; width:100%; height:auto}
.stages{list-style:none; margin:0; padding:0; display:grid; gap:8px}
.stages li{display:flex; align-items:center; gap:10px; background:rgba(255,255,255,.04); border-radius:8px; padding:10px 12px; font-size:.88rem}
.stages .name{font-weight:600}
.badge{margin-left:auto; font-size:.72rem; font-weight:700; padding:4px 10px; border-radius:var(--r-pill); white-space:nowrap}
.badge--ok{background:rgba(30,158,90,.2); color:#7BE0A8}
.badge--proc{background:rgba(224,138,0,.2); color:#F6C065}
.badge--risk{background:rgba(214,69,69,.22); color:#F7A3A3}
@media (max-width:900px){ .platform__grid{grid-template-columns:minmax(0,1fr); gap:36px} }
/* Section header */
.sec-head{max-width:640px; margin:0 auto 44px; text-align:center}
.sec-head p{margin:14px 0 0}
/* Services */
.svc-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:var(--gap)}
.svc{background:var(--white); border:1px solid var(--line); border-radius:var(--r-card); padding:28px; display:flex; flex-direction:column; gap:14px; transition:transform .18s, box-shadow .18s, border-color .18s}
.svc:hover{transform:translateY(-4px); box-shadow:var(--shadow-md); border-color:var(--navy-100)}
.svc .ic{width:54px; height:54px; border-radius:12px; background:var(--navy-800); display:grid; place-items:center}
.svc h3{font-size:1.12rem}
.svc p{margin:0; color:var(--muted); font-size:.94rem; flex:1}
.svc .btn{align-self:flex-start; background:var(--yellow-500); color:var(--ink); padding:0 18px}
.svc .btn:hover{background:var(--yellow-600)}
/* News */
.chips{display:flex; flex-wrap:wrap; gap:10px; justify-content:center; margin-bottom:36px}
.chip{min-height:44px; padding:0 18px; border-radius:var(--r-pill); border:1.5px solid var(--line); background:#fff; color:var(--ink); font-weight:600; font-size:.92rem; transition:all .16s}
.chip:hover{border-color:var(--navy-700)}
.chip[aria-pressed="true"]{background:var(--yellow-500); border-color:var(--yellow-500); color:var(--ink)}
.news-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:var(--gap)}
.news-card{background:#fff; border:1px solid var(--line); border-radius:var(--r-card); overflow:hidden; display:flex; flex-direction:column; transition:transform .18s, box-shadow .18s}
.news-card:hover{transform:translateY(-4px); box-shadow:var(--shadow-md)}
.news-card.hide{display:none}
.news-card__img{position:relative; aspect-ratio:16/10; background-size:cover; background-position:center}
.news-tag{position:absolute; left:12px; top:12px; font-size:.72rem; font-weight:700; padding:5px 10px; border-radius:var(--r-pill); background:#fff; box-shadow:var(--shadow-sm)}
.news-card__body{padding:18px; display:flex; flex-direction:column; gap:8px; flex:1}
.news-card__img.cat-Legislation{background:linear-gradient(135deg,#123058,#0A1E3A)}
.news-card__img.cat-Reconstruction{background:linear-gradient(135deg,#1B4273,#123058)}
.news-card__img.cat-Market{background:linear-gradient(135deg,#2A5A94,#1B4273)}
.news-card__img.cat-Technology{background:linear-gradient(135deg,#0A1E3A,#2A5A94)}
.news-card__img .news-src{position:absolute; left:12px; bottom:10px; right:12px; color:#fff; font-size:.78rem; font-weight:600; opacity:.9}
.news-date{font-size:.8rem; color:var(--muted); font-weight:600}
.news-card h3{font-size:1.04rem}
.news-card p{margin:0; color:var(--muted); font-size:.9rem; flex:1}
.read-link{color:var(--navy-700); font-weight:700; font-size:.9rem; display:inline-flex; gap:6px; align-items:center}
.read-link:hover{color:var(--yellow-600)}
@media (max-width:1024px){ .svc-grid{grid-template-columns:repeat(2,1fr)} .news-grid{grid-template-columns:repeat(2,1fr)} }
@media (max-width:640px){ .svc-grid,.news-grid{grid-template-columns:1fr} }
/* CTA band */
.cta-band{background:var(--surface); padding:80px 0}
.cta-card{background:#fff; border:1px solid var(--line); border-radius:var(--r-panel); box-shadow:var(--shadow-md); display:grid; grid-template-columns:1fr 1fr; gap:0; overflow:hidden}
.cta-copy{padding:48px 44px; background:linear-gradient(160deg,var(--navy-800),var(--navy-900)); color:#fff}
.cta-copy h2{color:#fff}
.cta-copy p{color:#CBD6E4; margin:16px 0 26px}
.cta-list{list-style:none; margin:0; padding:0; display:grid; gap:12px; font-weight:500}
.cta-list li{display:flex; gap:10px; align-items:flex-start; color:#DCE6F2; font-size:.94rem}
.cta-list .ck{flex:none; width:22px; height:22px; border-radius:50%; background:var(--yellow-500); display:grid; place-items:center; margin-top:1px}
.cta-form{padding:44px}
.field{margin-bottom:16px}
.field label{display:block; font-weight:600; font-size:.9rem; margin-bottom:6px}
.req{color:var(--danger)}
.field input,.field select{width:100%; min-height:46px; padding:10px 14px; border:1.5px solid var(--line); border-radius:var(--r-btn); font:inherit; color:var(--ink); background:#fff; transition:border-color .16s, box-shadow .16s}
.field input:focus,.field select:focus{border-color:var(--navy-700); box-shadow:0 0 0 3px rgba(245,197,24,.35); outline:none}
.field.invalid input,.field.invalid select{border-color:var(--danger)}
.err{color:var(--danger); font-size:.82rem; margin:6px 0 0; display:none; font-weight:600}
.field.invalid .err{display:block}
.consent{display:flex; gap:10px; align-items:flex-start; font-size:.86rem; color:var(--muted); margin:6px 0 20px}
.consent input{width:20px; height:20px; flex:none; accent-color:var(--yellow-600); margin-top:1px}
.consent a{color:var(--navy-700); text-decoration:underline; font-weight:600}
.form-ok{display:none; background:rgba(30,158,90,.1); border:1px solid rgba(30,158,90,.4); color:#146B3E; padding:16px 18px; border-radius:var(--r-btn); font-weight:600; align-items:center; gap:10px}
.form-ok.show{display:flex}
.form-err{display:none; background:rgba(214,69,69,.08); border:1px solid rgba(214,69,69,.4); color:#8E2323; padding:16px 18px; border-radius:var(--r-btn); font-weight:600}
.form-err.show{display:block}
.form-err a{text-decoration:underline}
.hp-field{position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden}
@media (max-width:860px){ .cta-card{grid-template-columns:1fr} .cta-copy,.cta-form{padding:32px 26px} }
/* Footer */
.site-footer{background:var(--navy-800); color:#C6D2E0}
.footer-top{max-width:var(--container); margin:0 auto; padding:64px 24px 40px; display:grid; grid-template-columns:1.4fr 1fr 1fr 1fr 1.2fr; gap:36px}
.footer-brand p{color:rgba(198,210,224,.85); font-size:.9rem; margin:16px 0 20px; max-width:280px}
.socials{display:flex; gap:10px}
.socials a{width:44px; height:44px; border-radius:50%; background:rgba(255,255,255,.08); display:grid; place-items:center; transition:background .18s}
.socials a:hover{background:var(--yellow-500)}
.socials a:hover svg{stroke:#081831}
.fcol h4{color:#fff; font-size:1rem; margin-bottom:16px}
.fcol ul{list-style:none; margin:0; padding:0; display:grid; gap:10px}
.fcol a{color:rgba(198,210,224,.85); font-size:.92rem}
.fcol a:hover{color:var(--yellow-500)}
.fcol address{font-style:normal; display:grid; gap:10px; font-size:.92rem}
.fcol address a{color:#fff; font-weight:600}
.footer-bottom{border-top:1px solid rgba(255,255,255,.12)}
.footer-bottom div{max-width:var(--container); margin:0 auto; padding:20px 24px; display:flex; flex-wrap:wrap; gap:10px 20px; justify-content:space-between; font-size:.84rem; color:rgba(198,210,224,.75)}
.footer-bottom a:hover{color:var(--yellow-500)}
@media (max-width:960px){ .footer-top{grid-template-columns:1fr 1fr} }
@media (max-width:560px){ .footer-top{grid-template-columns:1fr} }
/* Chat panel */
.chat-head{background:var(--navy-800); color:#fff; padding:16px; display:flex; align-items:center; gap:12px}
.chat-avatar{width:40px; height:40px; border-radius:50%; background:var(--yellow-500); display:grid; place-items:center; flex:none}
.chat-head b{font-size:.98rem; display:block}
.chat-head small{color:rgba(255,255,255,.7); font-size:.76rem}
.chat-close{margin-left:auto; background:transparent; border:0; color:#fff; width:40px; height:40px; border-radius:8px; display:grid; place-items:center}
.chat-close:hover{background:rgba(255,255,255,.12)}
.chat-body{padding:16px; max-height:340px; overflow-y:auto; display:flex; flex-direction:column; gap:12px; background:var(--surface)}
.bubble{background:#fff; border:1px solid var(--line); border-radius:12px; padding:12px 14px; font-size:.9rem; max-width:90%; box-shadow:var(--shadow-sm)}
.bubble.me{align-self:flex-end; background:var(--yellow-500); border-color:var(--yellow-500); color:var(--ink)}
.chat-scen{display:flex; flex-direction:column; gap:8px; margin-top:2px}
.chat-scen button{text-align:left; background:#fff; border:1.5px solid var(--line); border-radius:10px; padding:11px 13px; font-size:.86rem; font-weight:600; min-height:44px; transition:border-color .16s, background .16s}
.chat-scen button:hover{border-color:var(--yellow-500); background:var(--yellow-100)}
.chat-form{display:flex; gap:8px; padding:12px; background:#fff; border-top:1px solid var(--line)}
.chat-form input{flex:1; min-height:44px; padding:8px 14px; border:1.5px solid var(--line); border-radius:var(--r-btn); font:inherit}
.chat-form input:focus{outline:none; border-color:var(--navy-700); box-shadow:0 0 0 3px rgba(245,197,24,.35)}
.chat-form button{width:44px; min-height:44px; border:0; border-radius:var(--r-btn); background:var(--yellow-500); display:grid; place-items:center}
.chat-form button:hover{background:var(--yellow-600)}
/* Buttons */
.btn{display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:44px; padding:0 22px;
border-radius:var(--r-btn); font-weight:700; border:2px solid transparent; transition:background .18s,color .18s,border-color .18s,transform .18s; font-size:.98rem}
.btn--primary{background:var(--yellow-500); color:var(--ink)}
.btn--primary:hover{background:var(--yellow-600)}
.btn--ghost{background:transparent; color:#fff; border-color:rgba(255,255,255,.7)}
.btn--ghost:hover{border-color:#fff; background:rgba(255,255,255,.08)}
.btn--dark{background:var(--navy-800); color:#fff}
.btn--dark:hover{background:var(--navy-700)}
/* Header */
.site-header{position:sticky; top:0; z-index:900; background:var(--navy-800); color:#fff}
.site-header .bar{display:flex; align-items:center; gap:20px; height:var(--header-h); max-width:var(--container); margin:0 auto; padding:0 24px}
.logo{display:flex; align-items:center; gap:12px; color:#fff}
.logo img{height:46px; width:auto; display:block}
.footer-brand .logo img{height:42px}
.logo .lg-name{font-weight:900; font-size:1.35rem; letter-spacing:.02em; line-height:1}
.logo .lg-sub{font-size:.56rem; letter-spacing:.16em; text-transform:uppercase; color:rgba(255,255,255,.72); margin-top:3px}
.main-nav{margin-left:auto}
.main-nav ul{display:flex; gap:6px; list-style:none; margin:0; padding:0}
.main-nav a{display:inline-flex; align-items:center; height:44px; padding:0 12px; font-weight:600; color:rgba(255,255,255,.86); position:relative; border-radius:6px}
.main-nav a::after{content:""; position:absolute; left:12px; right:12px; bottom:6px; height:2px; background:var(--yellow-500); transform:scaleX(0); transition:transform .2s}
.main-nav a:hover{color:#fff}
.main-nav a.is-active{color:#fff}
.main-nav a.is-active::after{transform:scaleX(1)}
.header-cta{margin-left:8px}
.burger{display:none; margin-left:auto; width:48px; height:48px; align-items:center; justify-content:center; background:transparent; border:0; border-radius:8px}
.burger span{display:block; width:24px; height:2px; background:#fff; position:relative}
.burger span::before,.burger span::after{content:""; position:absolute; left:0; width:24px; height:2px; background:#fff}
.burger span::before{top:-7px}.burger span::after{top:7px}
/* Chat widget */
.chat-fab{position:fixed; right:24px; bottom:24px; width:56px; height:56px; border-radius:50%; background:var(--yellow-500); border:0; box-shadow:var(--shadow-lg); display:grid; place-items:center; z-index:1000; transition:transform .18s,background .18s}
.chat-fab:hover{transform:scale(1.06); background:var(--yellow-600)}
.chat-panel{position:fixed; right:24px; bottom:92px; width:360px; max-width:calc(100vw - 32px); background:#fff; border-radius:var(--r-panel); box-shadow:var(--shadow-lg); border:1px solid var(--line); z-index:1000; overflow:hidden}
.chat-panel[hidden]{display:none}
@media (max-width:980px){
.main-nav{position:fixed; inset:var(--header-h) 0 auto 0; background:var(--navy-800); margin:0; padding:12px 24px 20px; display:none; box-shadow:var(--shadow-lg)}
.main-nav.open{display:block}
.main-nav ul{flex-direction:column; gap:2px}
.main-nav a{height:48px; width:100%}
.burger{display:inline-flex}
.header-cta{display:none}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important; transition:none!important; scroll-behavior:auto!important}}