@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:wght@600;800&family=Plus+Jakarta+Sans:wght@400;500;600&display=swap');
:root{--bg:#fff;--card:#fff;--navbg:rgba(255,255,255,.88);--ink:#0b1f4d;--mut:#51648f;--line:#dbe7ff;--soft:#eef4ff;--bl:#1d5bff;--bl2:#0a3fd1;--sky:#4aa8ff;--r:22px;--sh:0 12px 30px -14px rgba(29,91,255,.35);
--fd:'Bricolage Grotesque','Segoe UI',system-ui,sans-serif;--fb:'Plus Jakarta Sans','Segoe UI',system-ui,sans-serif;
box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#071331;--card:#0e1e47;--navbg:rgba(7,19,49,.88);--ink:#eaf1ff;--mut:#9db2dd;--line:#22396d;--soft:#0b1a3d;--bl:#5b8cff;--sh:0 12px 30px -14px rgba(0,0,0,.6)}}
:root[data-theme="dark"]{--bg:#071331;--card:#0e1e47;--navbg:rgba(7,19,49,.88);--ink:#eaf1ff;--mut:#9db2dd;--line:#22396d;--soft:#0b1a3d;--bl:#5b8cff;--sh:0 12px 30px -14px rgba(0,0,0,.6)}
*{box-sizing:border-box;margin:0}
html{scroll-behavior:smooth;scroll-padding-top:80px}
body{background:var(--bg);color:var(--ink);font-family:var(--fb);line-height:1.6;overflow-x:hidden;transition:background .4s,color .4s}
h1,h2,h3{font-family:var(--fd);line-height:1.1;letter-spacing:-.02em}
a{color:inherit;text-decoration:none}
.wrap{width:min(1120px,92%);margin:auto}
section{padding:84px 0}
.i{display:inline-block;width:1.15em;height:1.15em;flex:none;background:currentColor;-webkit-mask:var(--m) center/contain no-repeat;mask:var(--m) center/contain no-repeat}
.i-code{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='16 18 22 12 16 6'/%3E%3Cpolyline points='8 6 2 12 8 18'/%3E%3C/svg%3E")}.i-test{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='3' width='14' height='18' rx='2'/%3E%3Cpolyline points='9 12 11 14 15 10'/%3E%3C/svg%3E")}.i-cap{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 9l10-5 10 5-10 5z'/%3E%3Cpath d='M6 11v5c3 2.5 9 2.5 12 0v-5'/%3E%3C/svg%3E")}.i-calc{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='2' width='14' height='20' rx='2'/%3E%3Cline x1='8' y1='6' x2='16' y2='6'/%3E%3Cline x1='8' y1='11' x2='8.01' y2='11'/%3E%3Cline x1='12' y1='11' x2='12.01' y2='11'/%3E%3Cline x1='16' y1='11' x2='16.01' y2='11'/%3E%3Cline x1='8' y1='16' x2='8.01' y2='16'/%3E%3Cline x1='12' y1='16' x2='16' y2='16'/%3E%3C/svg%3E")}.i-book{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 4h7a3 3 0 013 3v14a2 2 0 00-2-2H2z'/%3E%3Cpath d='M22 4h-7a3 3 0 00-3 3v14a2 2 0 012-2h8z'/%3E%3C/svg%3E")}.i-globe{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cline x1='2' y1='12' x2='22' y2='12'/%3E%3Cpath d='M12 2a15 15 0 010 20a15 15 0 010-20'/%3E%3C/svg%3E")}.i-bld{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='3' width='16' height='18' rx='1'/%3E%3Cline x1='9' y1='8' x2='9.01' y2='8'/%3E%3Cline x1='15' y1='8' x2='15.01' y2='8'/%3E%3Cline x1='9' y1='13' x2='9.01' y2='13'/%3E%3Cline x1='15' y1='13' x2='15.01' y2='13'/%3E%3Cpath d='M10 21v-4h4v4'/%3E%3C/svg%3E")}.i-term{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='4 17 10 11 4 5'/%3E%3Cline x1='12' y1='19' x2='20' y2='19'/%3E%3C/svg%3E")}.i-game{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='7' width='20' height='11' rx='4'/%3E%3Cline x1='7' y1='10' x2='7' y2='15'/%3E%3Cline x1='4.5' y1='12.5' x2='9.5' y2='12.5'/%3E%3Cline x1='16' y1='11' x2='16.01' y2='11'/%3E%3Cline x1='18' y1='14' x2='18.01' y2='14'/%3E%3C/svg%3E")}.i-sync{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 12a9 9 0 01-15 6.7L3 16'/%3E%3Cpath d='M3 12a9 9 0 0115-6.7L21 8'/%3E%3Cpolyline points='21 3 21 8 16 8'/%3E%3Cpolyline points='3 21 3 16 8 16'/%3E%3C/svg%3E")}.i-id{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='5' width='20' height='14' rx='2'/%3E%3Ccircle cx='8' cy='11' r='2'/%3E%3Cline x1='13' y1='10' x2='18' y2='10'/%3E%3Cline x1='13' y1='14' x2='18' y2='14'/%3E%3C/svg%3E")}.i-user{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21c0-4 4-6 8-6s8 2 8 6'/%3E%3C/svg%3E")}.i-gear{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M12 2v3M12 19v3M2 12h3M19 12h3M4.9 4.9l2.1 2.1M17 17l2.1 2.1M4.9 19.1L7 17M17 7l2.1-2.1'/%3E%3C/svg%3E")}.i-ok{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E")}.i-arr{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'/%3E%3Cpolyline points='12 5 19 12 12 19'/%3E%3C/svg%3E")}.i-sun{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Cpath d='M12 2v2M12 20v2M4.9 4.9l1.4 1.4M17.7 17.7l1.4 1.4M2 12h2M20 12h2M4.9 19.1l1.4-1.4M17.7 6.3l1.4-1.4'/%3E%3C/svg%3E")}.i-moon{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 12.8A9 9 0 1111.2 3a7 7 0 009.8 9.8z'/%3E%3C/svg%3E")}.i-file{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8z'/%3E%3Cpolyline points='14 2 14 8 20 8'/%3E%3Cline x1='8' y1='13' x2='16' y2='13'/%3E%3Cline x1='8' y1='17' x2='13' y2='17'/%3E%3C/svg%3E")}.i-users{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='8' r='4'/%3E%3Cpath d='M1 21c0-4 3.5-6 8-6s8 2 8 6'/%3E%3Cpath d='M16 4a4 4 0 010 8M20 21c0-3-1.5-4.8-4-5.6'/%3E%3C/svg%3E")}.i-trend{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='22 7 13.5 15.5 8.5 10.5 2 17'/%3E%3Cpolyline points='16 7 22 7 22 13'/%3E%3C/svg%3E")}.i-menu{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='3' y1='6' x2='21' y2='6'/%3E%3Cline x1='3' y1='12' x2='21' y2='12'/%3E%3Cline x1='3' y1='18' x2='21' y2='18'/%3E%3C/svg%3E")}.lg-g{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='%23EA4335' d='M24 9.5c3.5 0 6.6 1.2 9 3.6l6.7-6.7C35.6 2.4 30.2 0 24 0 14.6 0 6.5 5.4 2.6 13.2l7.8 6.1C12.3 13.6 17.7 9.5 24 9.5z'/%3E%3Cpath fill='%234285F4' d='M46.5 24.5c0-1.6-.1-3.1-.4-4.5H24v9h12.7c-.6 3-2.2 5.5-4.7 7.2l7.5 5.8c4.4-4.1 7-10.1 7-17.5z'/%3E%3Cpath fill='%23FBBC05' d='M10.4 28.7A14.5 14.5 0 0 1 9.5 24c0-1.6.3-3.2.9-4.7l-7.8-6.1A24 24 0 0 0 0 24c0 3.9.9 7.5 2.6 10.8l7.8-6.1z'/%3E%3Cpath fill='%2334A853' d='M24 48c6.5 0 11.9-2.1 15.9-5.8l-7.5-5.8c-2.1 1.4-4.8 2.3-8.4 2.3-6.3 0-11.7-4.1-13.6-9.8l-7.8 6.1C6.5 42.6 14.6 48 24 48z'/%3E%3C/svg%3E") center/contain no-repeat}.lg-t{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M12.525.02c1.31-.02 2.61-.01 3.91-.02.08 1.53.63 3.09 1.75 4.17 1.12 1.11 2.7 1.62 4.24 1.79v4.03c-1.44-.05-2.89-.35-4.2-.97-.57-.26-1.1-.59-1.62-.93-.01 2.92.01 5.84-.02 8.75-.08 1.4-.54 2.79-1.35 3.94-1.31 1.92-3.58 3.17-5.91 3.21-1.43.08-2.86-.31-4.08-1.03-2.02-1.19-3.44-3.37-3.65-5.71-.02-.5-.03-1-.01-1.49.18-1.9 1.12-3.72 2.58-4.96 1.66-1.44 3.98-2.13 6.15-1.72.02 1.48-.04 2.96-.04 4.44-.99-.32-2.15-.23-3.02.37-.63.41-1.11 1.04-1.36 1.75-.21.51-.15 1.07-.14 1.61.24 1.64 1.82 3.02 3.5 2.87 1.12-.01 2.19-.66 2.77-1.61.19-.33.4-.67.41-1.06.1-1.79.06-3.57.07-5.36.01-4.03-.01-8.05.02-12.07z'/%3E%3C/svg%3E") center/contain no-repeat}:root{--lap:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 400'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%234aa8ff'/%3E%3Cstop offset='1' stop-color='%231d5bff'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cellipse cx='300' cy='362' rx='240' ry='18' fill='%231d5bff' opacity='.2'/%3E%3Crect x='120' y='40' width='360' height='250' rx='18' fill='%230b1f4d'/%3E%3Crect x='134' y='54' width='332' height='222' rx='10' fill='url%28%23g%29'/%3E%3Crect x='154' y='88' width='90' height='10' rx='5' fill='%23fff' opacity='0.95'/%3E%3Crect x='254' y='88' width='60' height='10' rx='5' fill='%23fff' opacity='0.6'/%3E%3Crect x='164' y='112' width='130' height='10' rx='5' fill='%23fff' opacity='0.8'/%3E%3Crect x='304' y='112' width='70' height='10' rx='5' fill='%23fff' opacity='0.55'/%3E%3Crect x='164' y='136' width='60' height='10' rx='5' fill='%23fff' opacity='0.6'/%3E%3Crect x='234' y='136' width='110' height='10' rx='5' fill='%23fff' opacity='0.9'/%3E%3Crect x='154' y='160' width='150' height='10' rx='5' fill='%23fff' opacity='0.7'/%3E%3Crect x='164' y='184' width='80' height='10' rx='5' fill='%23fff' opacity='0.9'/%3E%3Crect x='254' y='184' width='100' height='10' rx='5' fill='%23fff' opacity='0.55'/%3E%3Crect x='154' y='208' width='120' height='10' rx='5' fill='%23fff' opacity='0.8'/%3E%3Crect x='164' y='232' width='70' height='10' rx='5' fill='%23fff' opacity='0.6'/%3E%3Crect x='244' y='232' width='90' height='10' rx='5' fill='%23fff' opacity='0.9'/%3E%3Cpath d='M70 300h460l-34 46H104z' fill='%230b1f4d'/%3E%3Crect x='250' y='306' width='100' height='8' rx='4' fill='%234aa8ff'/%3E%3Ccircle cx='70' cy='90' r='14' fill='%234aa8ff' opacity='.6'/%3E%3Ccircle cx='540' cy='150' r='20' fill='%231d5bff' opacity='.4'/%3E%3Cpath d='M530 40v24M518 52h24' stroke='%231d5bff' stroke-width='5' stroke-linecap='round'/%3E%3C/svg%3E");--sch:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 420' preserveAspectRatio='xMidYMid slice'%3E%3Cdefs%3E%3ClinearGradient id='s' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23bfdcff'/%3E%3Cstop offset='1' stop-color='%23eaf3ff'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width='600' height='420' fill='url%28%23s%29'/%3E%3Ccircle cx='470' cy='120' r='64' fill='%23fff' opacity='.7'/%3E%3Cpath d='M0 330Q150 270 300 320T600 300V420H0Z' fill='%238fc7ff'/%3E%3Cpath d='M70 60l20 -9l20 9l-20 9z' fill='%230b1f4d' transform='rotate%28-18 90 60%29'/%3E%3Cpath d='M250 30l20 -9l20 9l-20 9z' fill='%230b1f4d' transform='rotate%2812 270 30%29'/%3E%3Cpath d='M430 70l20 -9l20 9l-20 9z' fill='%230b1f4d' transform='rotate%28-10 450 70%29'/%3E%3Cpath d='M520 28l20 -9l20 9l-20 9z' fill='%230b1f4d' transform='rotate%2820 540 28%29'/%3E%3Cpath d='M94 420L104 290 Q150 258 196 290L206 420Z' fill='%230a3fd1'/%3E%3Cpath d='M134 264L150 292L166 264Z' fill='%23fff'/%3E%3Ccircle cx='150' cy='222' r='27' fill='%238d5524'/%3E%3Cpath d='M102 202L150 182L198 202L150 222Z' fill='%230b1f4d'/%3E%3Crect x='127' y='210' width='46' height='12' rx='4' fill='%230b1f4d'/%3E%3Cpath d='M196 210v30' stroke='%23ffc94d' stroke-width='4' stroke-linecap='round'/%3E%3Cpath d='M244 420L254 264 Q300 232 346 264L356 420Z' fill='%231d5bff'/%3E%3Cpath d='M284 238L300 266L316 238Z' fill='%23fff'/%3E%3Ccircle cx='300' cy='196' r='27' fill='%236b3e1d'/%3E%3Cpath d='M252 176L300 156L348 176L300 196Z' fill='%230b1f4d'/%3E%3Crect x='277' y='184' width='46' height='12' rx='4' fill='%230b1f4d'/%3E%3Cpath d='M346 184v30' stroke='%23ffc94d' stroke-width='4' stroke-linecap='round'/%3E%3Cpath d='M394 420L404 290 Q450 258 496 290L506 420Z' fill='%234aa8ff'/%3E%3Cpath d='M434 264L450 292L466 264Z' fill='%23fff'/%3E%3Ccircle cx='450' cy='222' r='27' fill='%23a86b3c'/%3E%3Cpath d='M402 202L450 182L498 202L450 222Z' fill='%230b1f4d'/%3E%3Crect x='427' y='210' width='46' height='12' rx='4' fill='%230b1f4d'/%3E%3Cpath d='M496 210v30' stroke='%23ffc94d' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E")}
.blob{position:absolute;border-radius:50%;filter:blur(70px);opacity:.5;z-index:-1}
nav{position:sticky;top:0;z-index:50;background:var(--navbg);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;justify-content:space-between;height:68px}
.logo{font-family:var(--fd);font-weight:800;font-size:1.2rem;display:flex;gap:8px;align-items:center}
.logo b{width:32px;height:32px;border-radius:10px;background:linear-gradient(135deg,var(--bl),var(--sky));display:grid;place-items:center;color:#fff;font-size:.95rem}
.links{display:flex;gap:26px;align-items:center;font-weight:500;font-size:.95rem;color:var(--mut)}
.links a:hover{color:var(--bl)}
.btn{display:inline-flex;align-items:center;gap:10px;padding:13px 24px;border-radius:999px;font-weight:600;border:1.5px solid transparent;cursor:pointer;transition:.25s;font-size:.97rem;font-family:var(--fb)}
.btn.pri{background:var(--bl);color:#fff;box-shadow:0 10px 24px -8px rgba(29,91,255,.65)}
.btn.pri:hover{transform:translateY(-3px);background:var(--bl2)}
.btn.gho{background:var(--card);border-color:var(--line);color:var(--ink)}
.btn.gho:hover{border-color:var(--bl);transform:translateY(-3px)}
.burger{display:none;background:none;border:0;font-size:1.7rem;cursor:pointer;color:var(--ink)}
.hero{position:relative;padding:70px 0 90px;overflow:hidden;background:linear-gradient(180deg,var(--soft),var(--bg) 85%)}
.hgrid{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}
.pill{display:inline-flex;gap:8px;align-items:center;background:var(--card);border:1px solid var(--line);padding:7px 14px;border-radius:999px;font-size:.85rem;font-weight:600;box-shadow:var(--sh)}
.pill s{width:8px;height:8px;border-radius:50%;background:var(--bl);box-shadow:0 0 0 4px rgba(29,91,255,.18)}
h1{font-size:clamp(2.4rem,6vw,4.3rem);font-weight:800;margin:20px 0}
h1 span{background:linear-gradient(90deg,var(--bl),var(--sky));-webkit-background-clip:text;background-clip:text;color:transparent}
.lead{color:var(--mut);font-size:1.1rem;max-width:540px}
.cta{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0}
.trust{display:flex;gap:20px;flex-wrap:wrap;color:var(--mut);font-size:.9rem;font-weight:500}
.trust span{display:flex;gap:6px;align-items:center}.trust .i{color:var(--bl)}
.visual{position:relative;height:430px}
.vc{position:absolute;background:var(--card);border-radius:var(--r);box-shadow:var(--sh);border:1px solid var(--line);padding:18px;animation:fl 6s ease-in-out infinite}
.vc.a{inset:30px 40px 90px 0;background:linear-gradient(145deg,var(--soft),var(--card))}
.vc.b{right:0;bottom:30px;width:225px;animation-delay:-2s}
.vc.c{left:20px;bottom:0;width:215px;animation-delay:-4s}
.vc b{display:flex;gap:8px;align-items:center;color:var(--bl)}
.bar{height:10px;border-radius:9px;background:var(--line);margin:9px 0}
.bar.f{background:linear-gradient(90deg,var(--bl),var(--sky))}
.chip{display:inline-block;padding:4px 11px;border-radius:99px;font-size:.75rem;font-weight:600;background:var(--soft);color:var(--bl)}
@keyframes fl{50%{transform:translateY(-12px)}}
.mq{background:var(--bl);color:#fff;overflow:hidden;padding:16px 0}
.track{display:flex;gap:44px;width:max-content;animation:mq 28s linear infinite;font-weight:600}
.track span{display:flex;gap:44px;align-items:center}
.track span::after{content:"";width:8px;height:8px;border-radius:50%;background:#9cc3ff}
@keyframes mq{to{transform:translateX(-50%)}}
.head{text-align:center;max-width:640px;margin:0 auto 48px}
.head h2{font-size:clamp(2rem,4vw,2.9rem);font-weight:800;margin:12px 0}
.head p{color:var(--mut)}
.tag{color:var(--bl);font-weight:700;font-size:.85rem;letter-spacing:.1em;text-transform:uppercase}
.grid{display:grid;gap:22px}
.g3{grid-template-columns:repeat(3,1fr)}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:26px;transition:.3s;box-shadow:var(--sh)}

.ico{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;font-size:1.6rem;margin-bottom:16px;background:var(--soft);color:var(--bl)}
.card h3{font-size:1.3rem;margin-bottom:8px}
.card p{color:var(--mut);font-size:.95rem}
.work{padding:0;overflow:hidden}
.thumb{height:150px;display:grid;place-items:center;font-size:3.4rem;color:#fff}
.t1{background:linear-gradient(135deg,#1d5bff,#4aa8ff)}.t2{background:linear-gradient(135deg,#0a3fd1,#1d5bff)}.t3{background:linear-gradient(135deg,#4aa8ff,#8fc7ff)}.t4{background:linear-gradient(135deg,#0b1f4d,#1d5bff)}
.work .in{padding:22px}.work .chip{margin-bottom:10px}
.alt{background:var(--soft)}
.div2{grid-template-columns:1fr 1fr}.div2 .card{padding:34px}
.steps{counter-reset:s}
.steps .card::before{counter-increment:s;content:"0" counter(s);font-family:var(--fd);font-weight:800;font-size:2.2rem;color:var(--sky)}
.final{background:linear-gradient(135deg,var(--bl2),var(--bl) 55%,var(--sky));color:#fff;border-radius:34px;padding:64px 28px;text-align:center;position:relative;overflow:hidden}
.final h2{font-size:clamp(2rem,4.5vw,3.2rem);font-weight:800;max-width:640px;margin:0 auto 14px}
.final p{opacity:.92;max-width:520px;margin:0 auto 28px}
.final .cta{justify-content:center}
.final .btn.g{background:#fff;color:#0b1f4d}
.final .btn.t{background:#0b1f4d;color:#fff}
.final .btn.w{background:#15c756;color:#fff}
.lg{width:22px;height:22px;display:inline-block;flex:none}
footer{padding:36px 0;color:var(--mut);font-size:.92rem}
.fr{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap}
.rv{opacity:0;transform:translateY(70px) scale(.96);filter:blur(5px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1),filter .8s}
.rv.on{opacity:1;transform:none;filter:none}
.rv.on.done{transition:transform .25s ease,border-color .3s,box-shadow .3s;transition-delay:0s!important}
.card{position:relative;overflow:hidden}
.card::after{content:"";position:absolute;inset:0;background:radial-gradient(260px circle at var(--mx,50%) var(--my,50%),rgba(74,168,255,.25),transparent 60%);opacity:0;transition:opacity .3s;pointer-events:none}
.card:hover::after{opacity:1}
.card:hover{transform:perspective(900px) translateY(-8px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));border-color:var(--bl);box-shadow:0 22px 40px -16px rgba(29,91,255,.5)}
.thumb .i{transition:transform .45s}.work:hover .thumb .i{transform:scale(1.18) rotate(-5deg)}
.acts{display:flex;gap:8px;align-items:center}
.tgl{width:42px;height:42px;border-radius:50%;border:1.5px solid var(--line);background:var(--card);color:var(--bl);cursor:pointer;display:grid;place-items:center;font-size:1.2rem;transition:.3s}
.tgl:hover{transform:rotate(20deg) scale(1.08);border-color:var(--bl)}
.tgl .i-sun{display:none}:root[data-theme="dark"] .tgl .i-sun{display:inline-block}:root[data-theme="dark"] .tgl .i-moon{display:none}
section{position:relative;overflow:hidden}section>.wrap{position:relative;z-index:1}
#services::before,#divisions::before{content:"";position:absolute;width:min(560px,70vw);aspect-ratio:3/2;opacity:.2;z-index:0;background-repeat:no-repeat;background-size:contain;pointer-events:none}
#services::before{right:-80px;top:10px;background-image:var(--lap)}
#divisions::before{left:-90px;bottom:-30px;background-image:var(--sch);aspect-ratio:10/7}
#works{background-image:radial-gradient(var(--line) 1.6px,transparent 1.6px);background-size:26px 26px;background-color:var(--soft)}
.gr{display:grid;grid-template-columns:.9fr 1.1fr;gap:26px;align-items:stretch}
.panel{min-height:430px;border-radius:28px;background:var(--sch) center/cover no-repeat;position:relative;box-shadow:var(--sh);border:1px solid var(--line)}
.badge{position:absolute;left:18px;right:18px;bottom:18px;display:flex;gap:12px;align-items:center;padding:14px 16px;border-radius:18px;background:rgba(11,31,77,.78);backdrop-filter:blur(10px);color:#fff}
.badge .i{font-size:1.6rem;color:#8fc7ff}.badge small{display:block;opacity:.8}
.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:14px}
.tile{padding:18px;text-align:left}.tile .num{font-family:var(--fd);font-weight:800;font-size:1.9rem;color:var(--bl);display:block;line-height:1.1}
.tile small{color:var(--mut)}
.chartc{padding:20px}.ch-h{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}
.chartc svg{width:100%;height:auto;display:block}
.chartc text{fill:var(--mut);font-size:13px;font-family:var(--fb)}
.ln{fill:none;stroke:var(--bl);stroke-width:4;stroke-linecap:round;stroke-linejoin:round}
.ar{fill:url(#ag);opacity:0;transition:opacity 1s .8s}.go .ar{opacity:1}
.dt{fill:var(--card);stroke:var(--bl);stroke-width:3}
.note{font-size:.78rem;color:var(--mut);margin-top:6px}
@media(max-width:900px){.gr{grid-template-columns:1fr}.panel{min-height:320px}}
@media(max-width:600px){.tiles{grid-template-columns:1fr}}
@media(max-width:900px){
.hgrid,.div2{grid-template-columns:1fr}.g3{grid-template-columns:1fr 1fr}.visual{height:360px}
.links{display:none;position:absolute;top:68px;left:0;right:0;background:var(--card);flex-direction:column;padding:22px;border-bottom:1px solid var(--line)}
.links.open{display:flex}.burger{display:block}}
@media(max-width:600px){.g3{grid-template-columns:1fr}section{padding:60px 0}.vc.b{width:175px}.vc.c{width:160px}.cta .btn{width:100%;justify-content:center}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}