:root{--ink:#09192c;--pet:#104278;--pet2:#123d7a;--nav:#0d2844;--or:#2cab5c;--gd:#1c8a4a;--steel:#e8eef4;--paper:#f3f6fa;--line:#d6dfe8;--mut:#566a80;--hf:Sora,"Segoe UI",sans-serif;--mf:"IBM Plex Mono",monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:16px/1.7 "IBM Plex Sans","Segoe UI",sans-serif;color:var(--ink);background:var(--paper);overflow-x:hidden}
a{color:inherit;text-decoration:none}img{max-width:100%;display:block}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--hf);letter-spacing:-.03em;line-height:1.1}
h1{font-size:clamp(38px,5.6vw,80px);font-weight:800}h2{font-size:clamp(28px,3.6vw,50px);font-weight:700}h3{font-size:20px;font-weight:600}
.c{width:min(1220px,calc(100% - 40px));margin:auto}section{padding:96px 0;position:relative}.mut{color:var(--mut)}
.eb{font:500 12px var(--mf);letter-spacing:.18em;text-transform:uppercase;color:var(--or);display:inline-flex;align-items:center;gap:10px}.eb:before{content:"";width:28px;height:2px;background:currentColor}
.dk{background:var(--pet);color:#fff}.dk .mut,.dk p{color:#b9cde6}.ink{background:var(--ink)}
.btn{display:inline-flex;gap:10px;align-items:center;padding:16px 26px;background:var(--or);color:#fff;font:700 13px var(--hf);letter-spacing:.02em;border:0;cursor:pointer;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px));transition:.25s}
.btn:hover{background:#238a49;transform:translateY(-2px)}.btn.g{background:none;box-shadow:inset 0 0 0 1.5px #ffffff66;clip-path:none}.btn.g:hover{background:#ffffff14}.btn.k{background:var(--ink)}
#pg{position:fixed;top:0;left:0;height:3px;width:100%;background:var(--or);transform-origin:0;transform:scaleX(0);z-index:100}
.top{background:#081e35;color:#9fb8d4;font:12px var(--mf);padding:8px 0}.top .c{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap}.top a:hover{color:#fff}
header{position:sticky;top:0;z-index:60;background:#0d2844ee;backdrop-filter:blur(14px);color:#fff;transition:.3s}header.sc{box-shadow:0 8px 30px #0005}
.nv{height:78px;display:flex;align-items:center;justify-content:space-between;gap:20px;transition:.3s}header.sc .nv{height:62px}.logo img{height:46px;width:auto;transition:.3s}header.sc .logo img{height:38px}
nav{display:flex;align-items:center}nav>div{position:relative}nav a.l{display:block;padding:26px 13px;font:600 13px var(--hf);color:#dce8f6;position:relative}nav a.l:after{content:"";position:absolute;left:13px;right:13px;bottom:18px;height:2px;background:var(--or);transform:scaleX(0);transition:.3s}nav a.l:hover:after,nav a.on:after{transform:scaleX(1)}
.dd{position:absolute;top:100%;left:0;min-width:290px;background:var(--ink);border-top:2px solid var(--or);padding:8px 0;opacity:0;visibility:hidden;transform:translateY(10px);transition:.25s}nav>div:hover .dd{opacity:1;visibility:visible;transform:none}.dd a{display:block;padding:11px 22px;font-size:14px;color:#c5d6ea}.dd a:hover{background:#ffffff0d;color:var(--or);padding-left:28px}
.burger{display:none;background:none;border:0;color:#fff;font-size:30px;cursor:pointer}
.hero{background:var(--pet);color:#fff;overflow:hidden;padding:0;--mx:70%;--my:30%}
.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(500px circle at var(--mx) var(--my),#2cab5c33,transparent 60%),linear-gradient(#ffffff0d 1px,transparent 1px) 0 0/48px 48px,linear-gradient(90deg,#ffffff0d 1px,transparent 1px) 0 0/48px 48px}
.hero .c{position:relative;display:grid;grid-template-columns:1.1fr .9fr;gap:30px;align-items:center;min-height:min(780px,calc(100vh - 110px));padding:70px 0}
.hero h1 span{display:inline-block;overflow:hidden;vertical-align:top}.hero h1 span i{display:inline-block;font-style:normal;transform:translateY(105%);animation:up .9s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:calc(var(--i)*.09s)}@keyframes up{to{transform:none}}
.hero h1 em{font-style:normal;color:var(--or)}.hero p.lead{font-size:18px;max-width:560px;margin:24px 0 32px;color:#c6d8ee}.acts{display:flex;gap:14px;flex-wrap:wrap}
.bp{width:100%;max-width:520px;margin-left:auto;filter:drop-shadow(0 20px 40px #0006)}.bp *{vector-effect:none}.dr{fill:none;stroke:#d3e6fa;stroke-width:2;stroke-dasharray:1;stroke-dashoffset:1;animation:dw 2.2s ease forwards;animation-delay:calc(var(--d,0)*1s)}.dr.o{stroke:var(--or)}.dr.t{stroke-dasharray:4 5;stroke-width:1;stroke:#86abd6;animation:none;stroke-dashoffset:0;opacity:0;animation:fi 1s 2s forwards}
@keyframes dw{to{stroke-dashoffset:0}}@keyframes fi{to{opacity:1}}.fi{opacity:0;animation:fi .8s forwards;animation-delay:calc(var(--d,0)*1s)}.pp{fill:none;stroke:#2a6fc0;stroke-width:12;opacity:0;animation:fi 1s forwards;animation-delay:calc(var(--d,0)*1s)}.imp{transform-origin:190px 345px;animation:rt 1.1s linear infinite}@keyframes rt{to{transform:rotate(360deg)}}.nd2{transform-origin:280px 70px;animation:sw 2.6s ease-in-out infinite alternate}@keyframes sw{from{transform:rotate(-45deg)}to{transform:rotate(55deg)}}.wv{animation:wv 3s linear infinite}@keyframes wv{to{transform:translateX(-80px)}}.led{animation:bl 1.4s steps(2) infinite}@keyframes bl{50%{opacity:.2}}.bp text{font:11px var(--mf);fill:#a9c8ec;opacity:0;animation:fi 1s 2.2s forwards}.spark{transform-origin:420px 346px;animation:sp 1.6s ease-in-out infinite}@keyframes sp{50%{transform:scale(1.5) rotate(25deg);opacity:.6}}
.mq{background:var(--or);color:#fff;overflow:hidden;white-space:nowrap;font:700 13px var(--hf);letter-spacing:.14em;padding:15px 0}.mq div{display:inline-block;animation:mq 60s linear infinite}.mq span{margin:0 26px}.mq span:after{content:"✦";margin-left:52px;opacity:.6}@keyframes mq{to{transform:translateX(-50%)}}
.sg{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line)}.st{padding:40px 24px;border-right:1px solid var(--line)}.st:last-child{border:0}.st b{font:500 clamp(34px,4vw,52px) var(--mf);color:var(--pet);display:block;line-height:1.1}.st span{font-size:13px;color:var(--mut)}
.two{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.im{position:relative;overflow:hidden;height:500px}.js .im{clip-path:inset(0 0 100% 0);transition:clip-path 1.2s cubic-bezier(.2,.8,.2,1)}.js .im.in{clip-path:inset(0)}.im img{position:absolute;inset:-8% 0;width:100%;height:116%;object-fit:cover;filter:grayscale(1) contrast(1.05)}.im:after{content:"";position:absolute;inset:0;background:var(--pet);mix-blend-mode:color;opacity:.9;transition:.5s}.im:hover:after{opacity:0}
.badge{position:absolute;z-index:3;right:-18px;bottom:30px;background:var(--or);color:#fff;padding:20px 24px;font:500 13px var(--mf)}.badge b{display:block;font:800 40px var(--hf);line-height:1}.wrapim{position:relative}
.ck{display:grid;gap:12px;margin:24px 0 30px;padding:0;list-style:none}.ck li:before{content:"→";color:var(--or);font-weight:800;margin-right:12px}
.sh{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:44px;flex-wrap:wrap}.sh h2{margin:14px 0 0;max-width:700px}.sh p{max-width:380px;margin:0}
.sl a{display:grid;grid-template-columns:70px 1fr 1.3fr 40px;gap:20px;align-items:center;padding:26px 14px;border-top:1px solid var(--line);position:relative;transition:.35s;overflow:hidden}.sl a:last-child{border-bottom:1px solid var(--line)}
.sl a:before{content:"";position:absolute;inset:0;background:radial-gradient(300px circle at var(--x,50%) var(--y,50%),#2cab5c1f,transparent 70%);opacity:0;transition:.3s}.sl a:hover:before{opacity:1}.sl a:hover{padding-left:30px;background:#fff}
.sl .n{font:500 14px var(--mf);color:var(--or)}.sl h3{margin:0;font-size:22px}.sl p{margin:0;color:var(--mut);font-size:15px}.sl .ar{font-size:24px;transition:.3s}.sl a:hover .ar{transform:translateX(8px);color:var(--or)}
.g3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.g4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.g2{display:grid;grid-template-columns:1fr 1fr;gap:22px}.certrow{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.card{background:#fff;border:1px solid var(--line);padding:34px 30px;position:relative;overflow:hidden;transition:.35s;display:block}.card:before{content:"";position:absolute;inset:0;background:radial-gradient(260px circle at var(--x,50%) var(--y,50%),#2cab5c1c,transparent 70%);opacity:0;transition:.3s}.card:hover:before{opacity:1}.card:hover{transform:translateY(-6px);box-shadow:0 24px 50px #10427824;border-color:var(--or)}
.card>*{position:relative}.card .n{font:800 64px var(--hf);color:transparent;-webkit-text-stroke:1.5px #c8d3d8;line-height:1;position:absolute;right:20px;top:10px;transition:.4s}.card:hover .n{-webkit-text-stroke-color:var(--or)}.card p{font-size:15px;color:var(--mut)}.card .m{font:700 12px var(--hf);color:var(--or)}
.ic{width:52px;height:52px;display:grid;place-items:center;background:var(--pet);color:#fff;font-size:22px;margin-bottom:22px;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%)}
.card.d{background:#14509a;border-color:#2368b3;color:#fff}.card.d p{color:#b9cde6}
#viewer{height:540px;background:radial-gradient(circle at 50% 40%,#15509a,#081e35 75%);position:relative;border:1px solid #ffffff22;cursor:grab;touch-action:pan-y}#viewer canvas{width:100%;height:100%;display:block}
.vh{position:absolute;left:16px;bottom:12px;font:11px var(--mf);color:#8fb0d2;letter-spacing:.1em}.vc{position:absolute;right:12px;top:12px;display:flex;gap:6px}.vc button{background:#081e35cc;border:1px solid #4f7fb0;color:#fff;padding:9px 13px;font:12px var(--mf);cursor:pointer}.vc button:hover{background:var(--or);border-color:var(--or)}
.tl{position:relative;padding-left:60px;max-width:860px;--p:0}.tl:before{content:"";position:absolute;left:19px;top:0;bottom:0;width:2px;background:var(--line)}.tl:after{content:"";position:absolute;left:19px;top:0;width:2px;height:calc(var(--p)*100%);background:var(--or)}
.tl>div{position:relative;margin-bottom:44px}.tl>div:before{content:attr(data-n);position:absolute;left:-60px;top:0;width:40px;height:40px;display:grid;place-items:center;background:var(--paper);border:2px solid var(--or);font:500 13px var(--mf);color:var(--or)}.tl h3{margin-bottom:6px}.tl p{margin:0;color:var(--mut)}
.dk .tl:before{background:#2b5688}.dk .tl>div:before{background:var(--pet)}.dk .tl p{color:#b9cde6}
.sec{min-height:270px;display:grid;place-items:center;text-align:center;position:relative;overflow:hidden;color:#fff;isolation:isolate;transition:transform .4s}
.sec i{position:absolute;inset:-14px;z-index:-2;background-size:cover;filter:blur(7px) brightness(.7) saturate(1.2) hue-rotate(var(--h,0deg));transform:scale(1.12);transition:.7s}.sec:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#10427866,#09192c99)}
.sec b{font:800 clamp(90px,10vw,130px) var(--hf);line-height:1;color:#ffffffe6;text-shadow:0 8px 40px #0008;transition:.5s;display:block}.sec h3{position:absolute;left:0;right:0;bottom:22px;margin:0;font-size:18px}.sec small{position:absolute;left:18px;top:14px;font:11px var(--mf);color:var(--or)}
.sec:hover{transform:translateY(-6px)}.sec:hover i{filter:blur(1px) brightness(.85) saturate(1.2) hue-rotate(var(--h,0deg));transform:scale(1.2)}.sec:hover b{transform:scale(.8);color:var(--or)}
.pr{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.ps{position:relative;background:#ffffff0d;border:1px solid #ffffff22;padding:92px 26px 28px;transition:.4s}.ps:hover{background:#ffffff17;border-color:var(--or);transform:translateY(-6px)}
.ps .nd{position:absolute;left:26px;top:22px;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:var(--nav);border:2px solid var(--or);color:var(--or);font-size:22px;z-index:2;transition:.4s}.ps:hover .nd{background:var(--or);color:#fff;box-shadow:0 0 0 8px #2cab5c33}
.ps .no{position:absolute;right:22px;top:16px;font:800 54px var(--hf);color:transparent;-webkit-text-stroke:1.5px #ffffff30;line-height:1}.ps h3{margin-bottom:10px}.ps ul{list-style:none;padding:0;margin:14px 0 0;font:13px var(--mf);color:#9fc0e6}.ps li:before{content:"+ ";color:var(--or)}
.ps:before,.ps:after{content:"";position:absolute;top:49px;left:82px;right:-27px;height:2px;z-index:1}.ps:before{background:#ffffff26}.ps:after{background:var(--or);transform:scaleX(0);transform-origin:0;transition:transform 1s ease .5s}.ps.in:after{transform:scaleX(1)}.ps:nth-child(3n):before,.ps:nth-child(3n):after{display:none}
.rg{width:112px;height:112px;border-radius:50%;display:grid;place-items:center;text-align:center;font:700 13px var(--hf);position:relative;background:var(--pet);color:#fff;margin:0 auto 18px}.rg:before{content:"";position:absolute;inset:-6px;border-radius:50%;background:conic-gradient(var(--or),transparent 60%,var(--or));-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2px));mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2px));animation:rot 6s linear infinite}@keyframes rot{to{transform:rotate(360deg)}}
.cta{background:linear-gradient(110deg,var(--pet) 55%,var(--or) 55.2%);color:#fff;padding:70px 0}.cta .c{display:flex;justify-content:space-between;align-items:center;gap:30px;flex-wrap:wrap}.cta h2{max-width:620px;margin:0}
.ph{background:var(--pet);color:#fff;padding:80px 0 66px;overflow:hidden;position:relative}.ph:before{content:"";position:absolute;inset:0;background:linear-gradient(#ffffff0a 1px,transparent 1px) 0 0/40px 40px,linear-gradient(90deg,#ffffff0a 1px,transparent 1px) 0 0/40px 40px}.ph:after{content:"";position:absolute;right:-90px;top:-90px;width:380px;height:380px;border:56px solid #2cab5c26;border-radius:50%}
.ph .c{position:relative}.ph h1{font-size:clamp(32px,4.6vw,60px);margin:14px 0}.ph p{color:#b9cde6;max-width:660px}.bc{font:12px var(--mf);color:#8fb0d2}.bc a:hover{color:#fff}
.side{display:grid;grid-template-columns:300px 1fr;gap:56px;align-items:start}.sd{position:sticky;top:96px;border:1px solid var(--line);background:#fff}.sd a{display:block;padding:15px 20px;border-bottom:1px solid var(--line);font:600 14px var(--hf);transition:.25s}.sd a:last-child{border:0}.sd a:hover,.sd a.on{background:var(--pet);color:#fff;padding-left:28px}
.tb{width:100%;border-collapse:collapse;margin:26px 0}.tb th{background:var(--pet);color:#fff;font:500 12px var(--mf);letter-spacing:.1em;text-transform:uppercase;text-align:left;padding:14px 18px}.tb td{padding:16px 18px;border-bottom:1px solid var(--line);background:#fff;font-size:15px}.tb td:first-child{font:500 14px var(--mf);color:var(--or);white-space:nowrap}
details{background:#fff;border:1px solid var(--line);margin-bottom:10px}summary{padding:18px 22px;font:600 16px var(--hf);cursor:pointer;list-style:none;display:flex;justify-content:space-between}summary:after{content:"+";color:var(--or);font-size:22px;transition:.3s}details[open] summary:after{transform:rotate(45deg)}details p{padding:0 22px 20px;margin:0;color:var(--mut)}
.fl{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:30px}.fl button{background:#fff;border:1px solid var(--line);padding:11px 20px;font:600 13px var(--hf);cursor:pointer;transition:.25s}.fl button.on,.fl button:hover{background:var(--pet);color:#fff;border-color:var(--pet)}
.pj{background:#fff;border:1px solid var(--line);transition:.4s}.pj.hide{display:none}.pj:hover{transform:translateY(-6px);box-shadow:0 24px 50px #10427824}.pj .pi{height:210px;background:linear-gradient(135deg,var(--pet2),var(--ink));position:relative;display:grid;place-items:center;color:#ffffff26;font:800 80px var(--hf);overflow:hidden}.pj .pi:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 40%,#ffffff22 50%,transparent 60%);transform:translateX(-100%);transition:.8s}.pj:hover .pi:after{transform:translateX(100%)}.pj div.pt{padding:22px}.pj small{font:11px var(--mf);color:var(--or);letter-spacing:.12em}.pj h3{margin:8px 0 6px}.pj p{margin:0;font-size:14px;color:var(--mut)}
.cert{background:#fff;border:1px solid var(--line);padding:34px 24px;text-align:center;display:block;transition:.35s}.cert:hover{transform:translateY(-6px);border-color:var(--or)}.cert strong{display:block;font:700 18px var(--hf)}.cert small{display:block;color:var(--mut);margin:6px 0 12px}.cert em{font:700 12px var(--hf);color:var(--or);font-style:normal}
.cg{display:grid;grid-template-columns:.85fr 1.15fr;gap:60px}.ci{background:var(--pet);color:#fff;padding:44px}.ci .it{border-top:1px solid #2b5688;padding:20px 0}.ci small{display:block;font:11px var(--mf);color:var(--or);letter-spacing:.14em;text-transform:uppercase;margin-bottom:6px}
.fm{display:grid;grid-template-columns:1fr 1fr;gap:16px}.fm label{font:600 12px var(--hf);color:var(--mut)}.fm .f{grid-column:1/-1}.fm input,.fm textarea,.fm select{display:block;width:100%;margin-top:8px;padding:15px;border:1px solid var(--line);background:#fff;font:inherit;border-radius:0;transition:.25s}.fm input:focus,.fm textarea:focus,.fm select:focus{outline:0;border-color:var(--or);box-shadow:0 0 0 3px #2cab5c26}.fm textarea{min-height:140px}.map{height:340px;border:0;width:100%;margin-top:40px;filter:grayscale(1) contrast(1.1)}
.prose h2{font-size:26px;margin:34px 0 12px}.prose li{line-height:1.9;color:#33505c}
footer{background:var(--ink);color:#9fb3cc;padding:70px 0 22px}.fg{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px}.fg h4{color:#fff;font:700 14px var(--hf)}.fg a{display:block;margin:10px 0;font-size:14px;transition:.2s}.fg a:hover{color:var(--or);padding-left:6px}.bt{border-top:1px solid #1f3550;margin-top:40px;padding-top:20px;font:12px var(--mf)}
.wa{position:fixed;right:18px;bottom:18px;background:var(--or);color:#fff;padding:14px 20px;font:700 12px var(--hf);z-index:40;box-shadow:0 10px 30px #0006}
.js .rv{opacity:0;transform:translateY(34px);transition:opacity .8s,transform .8s cubic-bezier(.2,.8,.2,1)}.js .rv.in{opacity:1;transform:none}
@media(max-width:1000px){header{backdrop-filter:none}nav{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--nav);flex-direction:column;align-items:stretch;padding:86px 22px 22px;overflow:auto;display:none}nav.open{display:flex}nav a.l{padding:16px 0;border-bottom:1px solid #ffffff1a}nav a.l:after{display:none}.dd{position:static;opacity:1;visibility:visible;transform:none;background:none;border:0;padding:0 0 8px 14px}.dd a{padding:8px 0;font-size:13px}.burger{display:block;position:relative;z-index:5}.hb{display:none}.certrow{grid-template-columns:repeat(2,1fr)}
.hero .c{grid-template-columns:1fr;padding:50px 0 40px}.bp{max-width:380px;margin:0 auto}.two,.cg,.side{grid-template-columns:1fr;gap:36px}.im{height:340px}.sd{position:static}.g3,.g4,.fg{grid-template-columns:1fr 1fr}.sl a{grid-template-columns:44px 1fr 30px}.sl p{display:none}.badge{right:10px}.cta{background:var(--pet)}}
@media(max-width:1000px){.pr{grid-template-columns:1fr 1fr}.ps:nth-child(3n):before,.ps:nth-child(3n):after{display:block}.ps:nth-child(2n):before,.ps:nth-child(2n):after{display:none}}
@media(max-width:640px){.pr{grid-template-columns:1fr}.ps:before,.ps:after{display:none!important}.sec{min-height:210px}section{padding:64px 0}.top .c span:last-child{display:none}.g2,.g3,.g4,.certrow,.fg,.fm{grid-template-columns:1fr}.sg{grid-template-columns:1fr 1fr}.st:nth-child(2){border-right:0}.logo img{height:38px}#viewer{height:380px}.vh{display:none}.ci{padding:28px}.tl{padding-left:50px}.tl>div:before{left:-50px}.tb{font-size:13px}.tb td,.tb th{padding:12px 10px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.mq div{animation:mq 90s linear infinite!important}.js .rv,.js .im{opacity:1;transform:none;clip-path:none}.hero h1 span i{transform:none}.dr,.bp text{stroke-dashoffset:0;opacity:1}}

.eb,.card .m,.sl .n,.pj small,.tb td:first-child,.tl>div:before{color:var(--gd)}.tl>div:before{border-color:var(--gd)}.dk .eb,.ci small,.ph .eb{color:var(--or)}.dk .tl>div:before,.card.d .eb{color:var(--or)}.dk .tl>div:before{border-color:var(--or)}.sl a:hover .ar,.card:hover .n{color:var(--gd)}.ph .bc{color:#8fb0d2}
.ps h3{color:#fff}.ps p{color:#b9cde6;margin:0}
.hero .eb{color:var(--or)}

/* ===== Django/CSP sürümü: inline style yerine sınıflar ===== */
.hero h1 span:nth-child(1) i{animation-delay:0.00s}.hero h1 span:nth-child(2) i{animation-delay:0.09s}.hero h1 span:nth-child(3) i{animation-delay:0.18s}.hero h1 span:nth-child(4) i{animation-delay:0.27s}.hero h1 span:nth-child(5) i{animation-delay:0.36s}.hero h1 span:nth-child(6) i{animation-delay:0.45s}.hero h1 span:nth-child(7) i{animation-delay:0.54s}.hero h1 span:nth-child(8) i{animation-delay:0.63s}.hero h1 span:nth-child(9) i{animation-delay:0.72s}.hero h1 span:nth-child(10) i{animation-delay:0.81s}
[data-d="0.0"]{--d:0.0}[data-d="0.1"]{--d:0.1}[data-d="0.2"]{--d:0.2}[data-d="0.3"]{--d:0.3}[data-d="0.4"]{--d:0.4}[data-d="0.5"]{--d:0.5}[data-d="0.6"]{--d:0.6}[data-d="0.7"]{--d:0.7}[data-d="0.8"]{--d:0.8}[data-d="0.9"]{--d:0.9}[data-d="1.0"]{--d:1.0}[data-d="1.1"]{--d:1.1}[data-d="1.2"]{--d:1.2}[data-d="1.3"]{--d:1.3}[data-d="1.4"]{--d:1.4}[data-d="1.5"]{--d:1.5}[data-d="1.6"]{--d:1.6}[data-d="1.7"]{--d:1.7}[data-d="1.8"]{--d:1.8}[data-d="1.9"]{--d:1.9}[data-d="2.0"]{--d:2.0}[data-d="2.1"]{--d:2.1}[data-d="2.2"]{--d:2.2}[data-d="2.3"]{--d:2.3}[data-d="2.4"]{--d:2.4}[data-d="2.5"]{--d:2.5}
.sec:nth-child(1){--h:0deg}.sec:nth-child(1) i{background-position:60% 40%}.sec:nth-child(2){--h:40deg}.sec:nth-child(2) i{background-position:30% 60%}.sec:nth-child(3){--h:-30deg}.sec:nth-child(3) i{background-position:20% 80%}.sec:nth-child(4){--h:70deg}.sec:nth-child(4) i{background-position:80% 30%}.sec:nth-child(5){--h:20deg}.sec:nth-child(5) i{background-position:80% 10%}.sec:nth-child(6){--h:-20deg}.sec:nth-child(6) i{background-position:50% 90%}
html.js .hero h1,.hero h1{margin-top:20px}.bp text.sm{font-size:10px}
.bgw{background:#fff}.tc{text-align:center}.h2m{margin:16px 0 20px}.h2m2{margin:16px 0 24px;font-size:32px}.stk{position:sticky;top:110px}.ast{align-items:start}.pt70{padding-top:70px}
.fg img{height:44px;width:auto}.fg p{max-width:340px;font-size:14px;margin-top:20px}.im.s360{height:360px;margin-bottom:34px}.h2s{margin:14px 0 16px;font-size:34px}.h3m{margin:40px 0 16px}.ptop{margin-top:30px}.lead2{font-size:20px;font-family:var(--hf)}
.rg.sm{width:96px;height:96px;font-size:12px}.fm .ok{font-size:13px;margin-left:10px}.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.err{display:block;color:#c0392b;font:12px var(--mf);margin-top:6px}.chk{display:flex;gap:10px;align-items:flex-start;font:400 14px var(--hf)!important;color:var(--ink)!important}.chk input{width:auto;margin:5px 0 0}.chk a{color:var(--gd);text-decoration:underline}
.msg{padding:16px 20px;margin-bottom:20px;font:600 14px var(--hf);border-left:4px solid var(--or);background:#e9f7ef;color:#14532d}.msg.error{border-color:#c0392b;background:#fdecea;color:#7b1d14}
.tk p,.tk h3{margin:0}
.tlh{display:grid;grid-template-columns:repeat(5,1fr);gap:22px;position:relative}.tlh:before{content:"";position:absolute;left:0;right:0;top:19px;height:2px;background:#2b5688}
.tk{position:relative;padding-top:60px}.tk:before{content:"";position:absolute;left:0;top:10px;width:20px;height:20px;border-radius:50%;background:var(--pet);border:3px solid var(--or);box-shadow:0 0 0 6px #2cab5c26;transition:.4s}.tk:hover:before{background:var(--or)}
.tk b{display:block;font:500 13px var(--mf);letter-spacing:.14em;text-transform:uppercase;color:var(--or);margin-bottom:10px}.tk h3{margin-bottom:8px;color:#fff;font-size:18px}.tk p{font-size:14px;color:#b9cde6}
.ref{position:relative;overflow:hidden;background:#fff;border:1px solid #ffffff22;min-height:120px;display:grid;place-items:center;padding:20px;transition:transform .4s,box-shadow .4s,border-color .4s}
.ref:before{content:"";position:absolute;inset:0;background:radial-gradient(220px circle at var(--x,50%) var(--y,50%),#2cab5c26,transparent 70%);opacity:0;transition:.3s}.ref:after{content:"";position:absolute;top:0;bottom:0;width:40%;left:-60%;background:linear-gradient(100deg,transparent,#ffffffaa,transparent);transform:skewX(-20deg);transition:left .7s}
.ref:hover{transform:translateY(-6px) scale(1.02);border-color:var(--or);box-shadow:0 22px 44px #0006}.ref:hover:before{opacity:1}.ref:hover:after{left:130%}
.ref img{position:relative;max-height:64px;width:auto;max-width:100%;filter:grayscale(1);opacity:.65;transition:.4s}.ref:hover img{filter:none;opacity:1;transform:scale(1.06)}.ref .rl{position:relative;font:600 14px var(--hf);color:var(--mut);border:1px dashed #b3c4d9;padding:12px 18px;transition:.3s}.ref:hover .rl{color:var(--gd);border-color:var(--or)}
.cf{position:relative;background:#fff;border:1px solid var(--line);padding:18px;box-shadow:0 24px 54px #10427822;transition:transform .4s,box-shadow .4s}.cf:hover{transform:translateY(-4px);box-shadow:0 30px 64px #10427836}
.cf:before,.cf:after{content:"";position:absolute;width:34px;height:34px;border:4px solid var(--or);pointer-events:none}.cf:before{left:-8px;top:-8px;border-right:0;border-bottom:0}.cf:after{right:-8px;bottom:-8px;border-left:0;border-top:0}
.cf .hd{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap;padding:4px 2px 14px}.cf .hd b{font:700 20px var(--hf);display:block;line-height:1.2}.cf .hd span{font:500 11px var(--mf);letter-spacing:.14em;color:var(--gd);text-transform:uppercase}.cf .hd p{margin:6px 0 0;font-size:14px;color:var(--mut);flex-basis:100%}
.cf .vw{background:var(--steel);border:1px solid var(--line);padding:6px}.cf object,.cf iframe{display:block;width:100%;height:560px;border:0;background:#fff}.cf .fb{padding:40px 20px;text-align:center;color:var(--mut);font-size:14px}
.cf .vw a{display:block;overflow:hidden}.cf .vw img{display:block;width:100%;height:auto;background:#fff;transition:transform .4s}.cf:hover .vw img{transform:scale(1.02)}.cf .vw a:focus-visible{outline:2px solid var(--or);outline-offset:2px}
.cf .ft{display:flex;gap:10px;flex-wrap:wrap;padding-top:16px}.cf .ft a{font:700 12px var(--hf);padding:12px 18px;border:1px solid var(--line);transition:.25s}.cf .ft a:hover{background:var(--pet);color:#fff;border-color:var(--pet)}.cf .ft a.pr2{background:var(--or);border-color:var(--or);color:#fff}.cf .ft a.pr2:hover{background:var(--gd)}
.cfn{margin-top:26px;font-size:14px}
@media(max-width:1000px){.tlh{grid-template-columns:1fr;gap:0}.tlh:before{left:9px;right:auto;top:0;bottom:0;width:2px;height:auto}.tk{padding:0 0 32px 48px}.tk:before{top:2px}.cf object,.cf iframe{height:440px}}
@media(max-width:640px){.cf object,.cf iframe{height:360px}.cf{padding:12px}}
.h3n{margin:14px 0 10px}.vt{margin:30px 0 0;color:var(--ink);font-weight:600}.narrow{max-width:820px}.grid{background:linear-gradient(#ffffff0a 1px,transparent 1px) 0 0/44px 44px,linear-gradient(90deg,#ffffff0a 1px,transparent 1px) 0 0/44px 44px,var(--pet)}
