:root{--ink:#130E41;--body:#3A3858;--mut:#5E5C7E;--mist:#F4F6FC;--line:#E1E3F0;--or:#FF5300;--cy:#0CBFDE;--tc:#E6F8FC;--to:#FFF1EA}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{font:17px/1.7 "Instrument Sans",system-ui,sans-serif;color:var(--body);background:#fff;-webkit-font-smoothing:antialiased;overflow-x:hidden}
h1,h2,h3{font-family:Newsreader,Georgia,serif;font-weight:500;color:var(--ink);letter-spacing:-.015em;line-height:1.12}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto;display:block}
:focus-visible{outline:3px solid var(--cy);outline-offset:3px}
svg.i{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
svg.b{fill:currentColor;stroke:none}
.w{max-width:1160px;margin:auto;padding:0 28px}
section{padding:100px 0}
h2{font-size:clamp(30px,4vw,48px);margin-bottom:20px}
.lead{font-size:20px;color:var(--mut);max-width:620px}
.eb{font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--or);margin-bottom:14px}
p+p{margin-top:16px}
.btn{display:inline-flex;align-items:center;gap:8px;padding:15px 30px;border-radius:999px;font-weight:600;font-size:15px;background:var(--or);color:#fff;border:0;cursor:pointer;font-family:inherit;transition:.25s;box-shadow:0 12px 26px -12px rgba(255,83,0,.7)}
.btn:hover{transform:translateY(-2px);background:#ff6a22}
.btn.g{background:#fff;color:var(--ink);border:1.5px solid var(--ink);box-shadow:none}
.btn.g:hover{background:var(--ink);color:#fff}
.link{font-weight:600;color:var(--ink);border-bottom:2px solid var(--or);padding-bottom:2px}
.link:hover{color:var(--or)}
header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.95);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
header .w{display:flex;align-items:center;justify-content:space-between;height:80px}
header img{height:48px}
nav{display:flex;align-items:center;gap:34px;font-size:15px;font-weight:500;color:var(--ink)}
nav a[aria-current]:not(.btn){box-shadow:0 2px 0 var(--or);padding-bottom:3px}
nav a:not(.btn):hover{color:var(--or)}
nav .btn{padding:10px 24px;font-size:14px;color:#fff}
.mb{display:none;background:none;border:0;font-size:28px;color:var(--ink);cursor:pointer}
.hero{background:radial-gradient(640px 420px at 92% 8%,var(--tc),transparent 70%),radial-gradient(520px 380px at 0 100%,var(--to),transparent 70%),#fff;padding:72px 0 88px}
.hero .w,.ph .w{display:grid;grid-template-columns:.95fr 1.05fr;gap:48px;align-items:center}
.hero h1{font-size:clamp(40px,5.6vw,72px);margin-bottom:24px}
.hero h1 span{color:var(--or)}
.hero .lead{margin-bottom:34px}
.act{display:flex;gap:16px;flex-wrap:wrap}
.ph{background:radial-gradient(560px 360px at 95% 0,var(--tc),transparent 70%),radial-gradient(420px 300px at 0 100%,var(--to),transparent 70%),#fff;padding:72px 0}
.ph h1{font-size:clamp(38px,5vw,64px);margin-bottom:18px}
.mq{background:var(--mist);padding:20px 0;overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.mq div{display:flex;gap:56px;width:max-content;animation:mq 40s linear infinite;color:var(--ink);font:italic 500 22px Newsreader,serif;white-space:nowrap}
.mq span:after{content:"\2726";color:var(--or);margin-left:56px;font-style:normal;font-size:14px}
@keyframes mq{to{transform:translateX(-50%)}}
.alt{background:var(--mist)}
.fr{display:grid;grid-template-columns:.85fr 1.15fr;gap:56px;align-items:center}
.fr.rev{grid-template-columns:1.15fr .85fr}
.fr.rev .im{order:-1}
.fr p{color:var(--mut)}
.im{background:linear-gradient(135deg,var(--tc),#fff);border-radius:28px;padding:14px;border:1px solid var(--line)}
.im.o{background:linear-gradient(135deg,var(--to),#fff)}
.fr h2{font-size:clamp(28px,3.4vw,42px)}
.ul{list-style:none;margin-top:22px;display:grid;gap:10px}
.ul li{padding-left:30px;position:relative;font-weight:500;color:var(--ink)}
.ul li:before{content:"";position:absolute;left:0;top:8px;width:12px;height:12px;border-radius:50%;background:var(--cy);box-shadow:0 0 0 4px var(--tc)}
.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:52px}
.tile{border-radius:22px;padding:32px 30px;background:#fff;border:1px solid var(--line);transition:.3s;position:relative;overflow:hidden}
.tile:before{content:"";position:absolute;left:0;top:0;height:4px;width:0;background:linear-gradient(90deg,var(--or),var(--cy));transition:.4s}
.tile:hover{transform:translateY(-6px);box-shadow:0 24px 44px -22px rgba(19,14,65,.3)}.tile:hover:before{width:100%}
.ic{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;color:var(--or);background:var(--to);margin-bottom:20px}
.tile:nth-child(even) .ic,.pr>div:nth-child(even) .ic,.ci li:nth-child(even) .ic{color:#0897B0;background:var(--tc)}
.tile h3{font-size:24px;margin-bottom:10px}
.tile p{color:var(--mut);font-size:16px}
.fc{display:grid;grid-template-columns:auto 1fr;gap:40px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:28px;padding:44px;box-shadow:0 30px 60px -36px rgba(19,14,65,.3)}
.av{position:relative;overflow:hidden;width:190px;height:190px;border-radius:50%;background:var(--ink);display:grid;place-items:center;font:500 52px Newsreader,serif;color:#fff;box-shadow:0 0 0 6px #fff,0 0 0 9px var(--or)}
.av img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 25%}
.fc h3{font-size:34px}
.role{color:var(--or);font-weight:600;font-size:15px;margin:4px 0 14px}
.fc p{color:var(--mut)}
.team{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.tc{grid-template-columns:auto 1fr;padding:36px;gap:28px;align-items:start}
.tc .av{width:130px;height:130px;font-size:40px;box-shadow:0 0 0 5px #fff,0 0 0 7px var(--or)}
.tc h3{font-size:28px}.tc p{font-size:16px}
.cta{border-radius:30px;padding:72px 48px;text-align:center;background:linear-gradient(120deg,var(--or),#ff7a2f);color:#fff;box-shadow:0 36px 70px -36px rgba(255,83,0,.7)}
.cta h2{color:#fff;max-width:720px;margin:0 auto 14px}.cta p{color:#FFE9DD;margin-bottom:30px}
.cta .btn{background:#fff;color:var(--ink);box-shadow:none}
.sv{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center;padding:56px 0;border-top:1px solid var(--line)}
.sv:first-child{border:0}
.sv.rev{grid-template-columns:.9fr 1.1fr}
.sv.rev .im{order:2}
.sv h3{font-size:34px;margin-bottom:12px}
.sv p{color:var(--mut)}
.pr{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:52px}
.pr>div{padding:30px 26px;border-radius:20px;background:#fff;border:1px solid var(--line)}
.pr .ic{width:48px;height:48px;border-radius:14px;margin-bottom:18px}
.pr h3{font-size:22px;margin-bottom:8px}.pr p{font-size:15.5px;color:var(--mut)}
.tl{border-left:2px solid var(--line);margin:40px 0 0 8px}
.tl>div{position:relative;padding:0 0 38px 40px}
.tl>div:before{content:"";position:absolute;left:-9px;top:6px;width:16px;height:16px;border-radius:50%;background:var(--or);box-shadow:0 0 0 5px #fff}
.tl>div:nth-child(even):before{background:var(--cy)}
.tl time{font-size:14px;font-weight:600;color:var(--or)}
.tl h3{font-size:24px;margin:2px 0}
.tl b{display:block;font-weight:500;color:var(--mut);font-size:16px;margin-bottom:8px}
.tl p{font-size:16px;color:var(--mut);max-width:680px}
.sk{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin-top:56px}
.sk>div{background:#fff;border:1px solid var(--line);border-radius:20px;padding:28px}
.sk h3{font-size:22px;margin-bottom:16px}
.sk span{display:inline-block;font-size:14px;padding:6px 14px;border-radius:999px;background:var(--mist);color:var(--ink);margin:0 8px 8px 0}
.w.cg{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:start}
.ci{list-style:none;margin-top:30px;display:grid;gap:14px}
.ci li{display:flex;gap:16px;align-items:center;padding:16px 20px;border-radius:16px;background:#fff;border:1px solid var(--line)}
.ci .ic{width:46px;height:46px;border-radius:12px;margin:0;flex:none}
.ci small{display:block;color:var(--or);font-size:13px;font-weight:600;line-height:1.3}
.ci a,.ci span{color:var(--ink);font-size:17px;line-height:1.4;font-weight:500}
.ci a:hover{color:var(--or)}
form{display:grid;gap:16px;background:#fff;padding:38px;border-radius:26px;border:1px solid var(--line);box-shadow:0 30px 60px -36px rgba(19,14,65,.3)}
form .r{display:grid;grid-template-columns:1fr 1fr;gap:16px}
label{font-size:14px;font-weight:600;color:var(--ink);display:grid;gap:6px}
input,textarea{width:100%;font:16px "Instrument Sans",sans-serif;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:var(--mist);color:var(--body)}
input:focus,textarea:focus{background:#fff;outline:2px solid var(--cy)}
textarea{min-height:140px;resize:vertical}
.map{width:100%;height:360px;border:0;border-radius:26px;margin-top:56px}
footer{background:var(--mist);border-top:1px solid var(--line);color:var(--mut);padding:60px 0 34px;font-size:15px}
footer .w{display:grid;grid-template-columns:1.4fr 1fr 1.3fr;gap:40px}
footer img{height:48px;margin-bottom:16px}
footer a{display:block;padding:2px 0;color:var(--ink)}footer a:hover{color:var(--or)}
footer small{grid-column:1/-1;border-top:1px solid var(--line);padding-top:22px;margin-top:20px}
.soc{display:flex;gap:12px;margin-top:16px}
footer .soc a{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;border:1.5px solid var(--ink);padding:0;transition:.25s}
footer .soc a:hover{background:var(--or);border-color:var(--or);color:#fff}
.soc svg{width:20px;height:20px}
.wa{position:fixed;right:22px;bottom:22px;z-index:60;display:flex;align-items:center;gap:10px;background:#25D366;color:#fff;padding:14px 20px;border-radius:999px;font-weight:600;font-size:15px;box-shadow:0 16px 36px -10px rgba(37,211,102,.7);transition:.25s}
.wa:hover{transform:translateY(-3px);background:#1fbd5a}
.wa svg{width:26px;height:26px}
.rv{opacity:0;transform:translateY(22px);transition:.7s ease}.rv.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}.mq div{animation:none}html{scroll-behavior:auto}}
@media(max-width:900px){
section{padding:68px 0}
.hero .w,.ph .w,.fr,.sv,.cg,footer .w,.team,.sk,.tiles,.pr{grid-template-columns:1fr;gap:36px}
.fr.rev .im,.sv.rev .im{order:0}
.hero{padding:44px 0 64px}.fc,.tc{grid-template-columns:1fr;padding:30px 26px}.cta{padding:48px 26px}
form .r{grid-template-columns:1fr}form{padding:26px}
.wa{padding:14px;right:16px;bottom:16px}.wa span{display:none}
.mb{display:block}
nav{display:none;position:absolute;top:80px;left:0;right:0;background:#fff;flex-direction:column;align-items:flex-start;padding:24px 28px;gap:18px;border-bottom:1px solid var(--line)}
nav.open{display:flex}}