:root{box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);color-scheme:dark;--bg:#04070e;--tx:#dfe5ef;--mu:#a3aec0;--ln:rgba(255,255,255,.12);--bl:#2a74d8;--cy:#6bbcec}
*,*:before,*:after{box-sizing:inherit}
html{scroll-behavior:smooth;scroll-padding-top:calc(env(safe-area-inset-top,0px) + 84px)}
body{margin:0;background:var(--bg);color:var(--mu);font:400 16px/1.65 'Manrope','Noto Sans Ethiopic',sans-serif;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;z-index:-1;background:radial-gradient(60% 45% at 85% 8%,rgba(47,140,255,.14),transparent 70%),radial-gradient(50% 40% at 8% 55%,rgba(110,90,255,.09),transparent 70%),radial-gradient(45% 35% at 70% 95%,rgba(47,140,255,.08),transparent 70%),var(--bg)}
h1,h2,h3{margin:0;font-family:'Unbounded','Noto Sans Ethiopic',sans-serif;line-height:1.15;color:var(--tx)}
html[lang=am] h1,html[lang=am] h2,html[lang=am] h3,html[lang=am] .btn,html[lang=am] .brand b{font-family:'Noto Sans Ethiopic',sans-serif}
p{margin:0}a{color:inherit;text-decoration:none}
.mono{font:500 12px/1.4 'JetBrains Mono',monospace;letter-spacing:1.5px;color:var(--cy)}
.wrap{max-width:1160px;margin:0 auto;padding:0 20px}
section.wrap{padding-top:72px;padding-bottom:72px;scroll-margin-top:12px}
.chrome{color:#dfe5ef;background:linear-gradient(180deg,#eef2f8 10%,#76829a 105%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.hd2{text-align:center;position:relative;margin-bottom:44px}
.hd2 h2{font-size:clamp(28px,6vw,44px);letter-spacing:1px;text-transform:uppercase}
html[lang=am] .hd2 h2{text-transform:none}
.hd2 p{max-width:560px;margin:14px auto 0}
.hd2:before,.hd2:after{content:"";position:absolute;top:8px;width:min(22vw,240px);height:60px;display:none;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 60' fill='none' stroke='%232a74d8' stroke-width='1.2' opacity='.6'><path d='M0 10h110l20 20h60M0 30h80l15-15h90M0 50h140'/><circle cx='195' cy='30' r='3' fill='%236bbcec'/><circle cx='185' cy='15' r='3' fill='%236bbcec'/></svg>") no-repeat}
.hd2:before{left:0}.hd2:after{right:0;transform:scaleX(-1)}
@media (min-width:900px){.hd2:before,.hd2:after{display:block}}
.glass{position:relative;border-radius:22px;background:linear-gradient(90deg,transparent,rgba(107,188,236,.5),transparent) 50% 100%/58% 2px no-repeat,radial-gradient(260px circle at var(--mx,50%) var(--my,-30%),rgba(255,255,255,.08),transparent 65%),linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.02) 60%,rgba(60,140,255,.04));-webkit-backdrop-filter:blur(16px) saturate(140%);backdrop-filter:blur(16px) saturate(140%);box-shadow:inset 0 1px 1px rgba(255,255,255,.2),inset 0 -14px 26px rgba(47,140,255,.05),0 34px 40px -16px rgba(0,0,0,.8),0 0 28px rgba(47,140,255,.06);transition:transform .3s,box-shadow .3s}
.glass:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.5px;background:linear-gradient(150deg,rgba(255,255,255,.5),rgba(190,205,225,.08) 38%,rgba(60,140,255,.14) 68%,rgba(255,255,255,.3));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;pointer-events:none}
.glass:after{content:"";position:absolute;left:24%;right:24%;top:-1px;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,#5aa8e0,transparent);box-shadow:0 0 10px rgba(42,116,216,.55);pointer-events:none}
.t3{transform-style:preserve-3d;will-change:transform}
.t3:hover{box-shadow:inset 0 1px 1px rgba(255,255,255,.28),inset 0 -14px 26px rgba(47,140,255,.08),0 44px 50px -18px rgba(0,0,0,.85),0 0 36px rgba(47,140,255,.14)}
.fl{animation:fl 6s ease-in-out infinite}
.fl:nth-child(2){animation-delay:-2s}.fl:nth-child(3){animation-delay:-4s}
@keyframes fl{50%{translate:0 -7px}}
.btn{min-height:50px;padding:0 26px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.22);border-radius:999px;color:var(--tx);font:700 15px 'Manrope',sans-serif;background:rgba(255,255,255,.05);cursor:pointer;transition:transform .2s}
.btn:hover{transform:translateY(-2px)}
.btn.pri{border-color:rgba(140,185,240,.5);background:linear-gradient(180deg,#1a5fd0,#0a3d9c);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 6px 18px rgba(10,70,170,.45)}
.btn.sq{min-height:44px;padding:0 16px;border-radius:12px;font-size:14px}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--cy);outline-offset:3px}
header.hd{position:sticky;top:env(safe-area-inset-top,0px);z-index:40;background:rgba(4,7,14,.82);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--ln)}
.hdr{display:flex;align-items:center;gap:8px;min-height:68px}
.brand{display:flex;align-items:center;gap:12px;margin-right:auto;min-height:44px}
.lf{width:46px;height:46px;border-radius:12px;overflow:hidden;background:#000;border:1px solid rgba(255,255,255,.22);flex:none}
.lf img{width:100%;height:100%;display:block}
.brand b{font:700 15px 'Unbounded',sans-serif;color:var(--tx);letter-spacing:1px;line-height:1.1}
.brand b span{display:block;font:400 10px 'JetBrains Mono',monospace;color:var(--mu);letter-spacing:2px;margin-top:3px;text-transform:uppercase}
.nv{display:none;position:absolute;left:0;right:0;top:100%;background:rgba(4,7,14,.97);border-bottom:1px solid var(--ln);padding:6px 20px 16px;flex-direction:column}
.nv.open{display:flex}
.nv a{min-height:50px;display:flex;align-items:center;font-weight:700;color:var(--tx);border-bottom:1px solid var(--ln)}
.sm{min-height:44px;min-width:44px;padding:0 12px;border:1px solid var(--ln);border-radius:999px;background:rgba(255,255,255,.04);color:var(--tx);font:500 12px 'JetBrains Mono',monospace;cursor:pointer}
.dk{display:none}
.hero{display:flex;flex-wrap:wrap;gap:20px;align-items:center;padding-top:48px}
.hero>div:first-child{flex:1 1 380px;display:flex;flex-direction:column;gap:22px}
.status{align-self:flex-start;display:flex;gap:10px;align-items:center;border:1px solid var(--ln);border-radius:999px;padding:9px 16px;font:400 12px 'JetBrains Mono',monospace;background:rgba(255,255,255,.03)}
.status i{width:8px;height:8px;border-radius:50%;background:var(--cy);animation:bl 1.6s infinite}
@keyframes bl{50%{opacity:.3}}
h1{font-size:clamp(38px,9vw,70px);letter-spacing:1px;text-transform:uppercase}
html[lang=am] h1{text-transform:none}
h1 em{font-style:normal;display:block;background:linear-gradient(180deg,#9fd0ea,#2a74d8 95%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#6bbcec}
.row{display:flex;gap:12px;flex-wrap:wrap}
.chips{display:flex;gap:10px;flex-wrap:wrap}
.chips span{border:1px solid var(--ln);border-radius:999px;padding:8px 14px;font:400 12px 'JetBrains Mono',monospace;color:var(--tx);background:rgba(255,255,255,.03)}
.scene{flex:1 1 340px;height:350px;position:relative;perspective:1100px;min-width:0}
.stk{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateX(var(--rx,6deg)) rotateY(var(--ry,-14deg));transition:transform .25s ease-out}
.hc{position:absolute;width:66%;padding:18px;display:flex;gap:14px;align-items:center}
.hc:nth-child(1){left:3%;top:2%;transform:translateZ(20px)}
.hc:nth-child(2){left:26%;top:35%;transform:translateZ(70px)}
.hc:nth-child(3){left:10%;top:66%;transform:translateZ(120px)}
.hc b{font:700 16px 'Unbounded','Noto Sans Ethiopic',sans-serif;color:var(--tx)}
.hc span{display:block;font:400 12px 'JetBrains Mono',monospace;color:var(--mu);margin-top:2px}
.grid{display:grid;gap:22px;grid-template-columns:1fr}
@media (min-width:640px){.grid.g2{grid-template-columns:repeat(2,1fr)}}
@media (min-width:900px){.grid.g3{grid-template-columns:repeat(3,1fr)}}
.ic{width:60px;height:60px;flex:none;display:grid;place-items:center;border-radius:16px;color:var(--cy);background:rgba(47,140,255,.07);border:1px solid rgba(107,188,236,.25);box-shadow:0 0 14px rgba(47,140,255,.14)}
.ic svg{width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.cat{padding:30px 26px;display:flex;flex-direction:column;gap:14px}
.cat .ic{transform:translateZ(40px)}
.cat h3{font-size:21px;transform:translateZ(24px)}
.cat ul{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column;gap:2px}
.cat li{display:flex;gap:10px;align-items:center;min-height:36px;color:var(--tx);border-top:1px solid var(--ln)}
.cat li:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--cy);flex:none}
.proc{display:grid;gap:18px;grid-template-columns:1fr;position:relative}
.st{display:flex;align-items:center;gap:18px}
.nd{width:58px;height:58px;flex:none;border-radius:50%;display:grid;place-items:center;font:700 16px 'Unbounded',sans-serif;color:var(--tx);border:2px solid rgba(107,188,236,.7);background:rgba(47,140,255,.08);box-shadow:0 0 16px rgba(47,140,255,.3)}
.st h3{font:700 16px 'Manrope','Noto Sans Ethiopic',sans-serif}
@media (min-width:800px){.proc{grid-template-columns:repeat(4,1fr)}.proc:before{content:"";position:absolute;left:12%;right:12%;top:28px;height:2px;background:linear-gradient(90deg,transparent,rgba(42,116,216,.7),rgba(107,188,236,.7),rgba(42,116,216,.7),transparent)}.st{flex-direction:column;text-align:center;position:relative}}
.tabs{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-bottom:26px}
.tab{min-height:48px;padding:0 22px;border:1px solid var(--ln);border-radius:999px;background:rgba(255,255,255,.04);color:var(--mu);font:700 14px 'Manrope','Noto Sans Ethiopic',sans-serif;cursor:pointer}
.tab.on{color:#fff;border-color:rgba(140,185,240,.45);background:linear-gradient(180deg,#1a5fd0,#0a3d9c);box-shadow:0 6px 16px rgba(10,70,170,.4)}
.pk{padding:28px 24px;display:flex;flex-direction:column;gap:12px}
.pk.mid{box-shadow:inset 0 1px 1px rgba(255,255,255,.28),0 34px 40px -16px rgba(0,0,0,.8),0 0 40px rgba(47,140,255,.16)}
.pk h3{font-size:20px}.pk p{flex:1}
.wk{padding:16px;display:flex;flex-direction:column;gap:12px}
.pv{position:relative;height:210px;border-radius:14px;overflow:hidden;border:1px solid var(--ln);display:grid;place-items:center;background:rgba(2,6,14,.7);background:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--ac,#2a74d8) 24%,transparent),transparent 72%),rgba(2,6,14,.75);transform:translateZ(20px)}
.pv img.lg{max-width:62%;max-height:62%;object-fit:contain;filter:drop-shadow(0 8px 16px rgba(0,0,0,.5))}
.pv img.cv{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.pv img.bd{position:absolute;left:12px;top:12px;width:46px;height:46px;object-fit:contain;border-radius:12px;background:rgba(4,7,14,.8);padding:5px;border:1px solid var(--ln)}
.pv .u{position:absolute;left:14px;bottom:10px;font:400 11px 'JetBrains Mono',monospace;color:var(--mu);background:rgba(4,7,14,.7);padding:3px 8px;border-radius:6px}
.ov{position:absolute;inset:0;background:rgba(4,7,14,.55);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .25s}
.wk:hover .ov,.wk:focus-visible .ov{opacity:1}
.ov span{padding:12px 22px;border-radius:999px;background:linear-gradient(180deg,#1a5fd0,#0a3d9c);color:#fff;font-weight:700;font-size:14px}
.wk h3{font-size:19px}
.av{width:60px;height:60px;border-radius:50%;display:grid;place-items:center;font:700 18px 'Unbounded',sans-serif;color:#fff;background:linear-gradient(180deg,#1a5fd0,#0a3d9c)}
.story{max-width:660px;margin:0 auto 36px;text-align:center;font-size:17px}
.story p+p{margin-top:14px}
.tm{padding:26px 22px;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}
.tm h3{font-size:18px}
.tm img{width:100%;max-height:170px;object-fit:cover;border-radius:12px}
q{display:block;color:var(--tx);font-size:17px;quotes:none}
.sub{margin:44px 0 18px;text-align:center}
.cta{position:relative;border-radius:24px;padding:48px 24px;text-align:center;background:repeating-linear-gradient(90deg,rgba(255,255,255,.025) 0 1px,transparent 1px 3px),linear-gradient(100deg,#111a29,#202c42 30%,#16202f 55%,#233048 78%,#111a29);box-shadow:0 0 0 1px rgba(120,160,255,.3),0 24px 50px -10px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.1)}
.cta h2{font-size:clamp(24px,5vw,36px);max-width:640px;margin:0 auto}
.cta p{margin:14px auto 24px;max-width:520px}
.ct{display:flex;flex-wrap:wrap;gap:24px}
form{flex:1 1 340px;padding:26px 22px;display:flex;flex-direction:column;gap:12px}
input,select,textarea{min-height:50px;padding:12px 16px;border:1px solid rgba(255,255,255,.16);border-radius:14px;background:rgba(2,6,14,.55);color:var(--tx);font:400 16px 'Manrope','Noto Sans Ethiopic',sans-serif;width:100%}
input[type=color]{padding:4px;min-height:44px}input[type=file]{padding:10px}
textarea{min-height:110px}
.ci{flex:1 1 280px;padding:10px 22px;list-style:none;margin:0;display:flex;flex-direction:column}
.ci a,.ci div{min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--ln);color:var(--tx);font-weight:600}
.ci li:last-child>*{border:0}
.ci span{color:var(--mu);font-weight:400;font-size:14px;text-align:right;overflow-wrap:anywhere}
footer{border-top:1px solid var(--ln);background:rgba(2,5,12,.7);padding:44px 0 130px}
.ft{display:grid;gap:30px;grid-template-columns:1fr}
@media (min-width:760px){.ft{grid-template-columns:1.4fr 1fr 1fr 1fr}footer{padding-bottom:36px}}
footer h4{margin:0 0 10px;color:var(--tx);font:700 14px 'Manrope','Noto Sans Ethiopic',sans-serif}
footer a{display:block;min-height:36px;padding:6px 0;font-size:14px}
footer a:hover{color:var(--cy)}
.dock{position:fixed;left:16px;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));height:66px;border-radius:33px;display:flex;align-items:center;justify-content:space-between;padding:0 8px 0 10px;z-index:45;font-weight:700;color:var(--tx);background-color:rgba(6,10,20,.6)}
.dock a{min-height:46px;padding:0 14px;display:flex;align-items:center}
.dock a.pri{background:linear-gradient(180deg,#1a5fd0,#0a3d9c);color:#fff;border-radius:26px;padding:0 22px}
.js .rv{opacity:0;transform:translateY(18px);transition:opacity .7s,transform .7s}
.js .rv.in{opacity:1;transform:none}
#adm{position:fixed;inset:0;z-index:100;background:rgba(2,5,12,.96);overflow:auto;display:none}
#adm.on{display:block}
.ai{max-width:760px;margin:0 auto;padding:20px 20px 120px}
.at{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}
.ab{border:1px solid var(--ln);border-radius:16px;padding:16px;margin-bottom:14px;background:rgba(255,255,255,.03);display:flex;flex-direction:column;gap:10px}
.ab label{font:500 12px 'JetBrains Mono',monospace;color:var(--cy);display:block;margin-bottom:4px}
.ab img.th{max-width:120px;max-height:80px;object-fit:contain;border-radius:8px;background:#000}
.bar{position:sticky;bottom:0;padding:14px 0;background:rgba(2,5,12,.96);display:flex;gap:10px;flex-wrap:wrap;align-items:center}
@media (min-width:900px){.dock,#mb{display:none}.nv{display:flex;position:static;flex-direction:row;gap:26px;padding:0;border:0;background:none;margin-right:12px}.nv a{border:0;min-height:44px;font-size:14px}.dk{display:inline-flex;min-height:44px}}
@media (prefers-reduced-motion:reduce){.js .rv{opacity:1;transform:none;transition:none}.status i,.fl{animation:none}html{scroll-behavior:auto}.glass,.btn,.stk{transition:none}}

#alg{position:fixed;inset:0;z-index:110;display:grid;place-items:center;background:rgba(2,5,12,.94);padding:20px}
#alg[hidden],#lbx[hidden]{display:none}
.lgb{width:min(100%,420px);padding:34px 26px;display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}
.lgb img{width:84px;height:84px;border-radius:20px;background:#000;border:1px solid var(--ln)}
.lgf{width:100%;flex:none;padding:0}
#lge{color:#f0a0a0;min-height:22px;font-size:14px}
.ah{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.ah img{width:48px;height:48px;border-radius:12px;background:#000;border:1px solid var(--ln)}
.ah>div{flex:1 1 200px}
.gfl{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-bottom:22px}
.fc{min-height:44px;padding:0 18px;border:1px solid var(--ln);border-radius:999px;background:rgba(255,255,255,.04);color:var(--mu);font:700 13px 'Manrope','Noto Sans Ethiopic',sans-serif;cursor:pointer}
.fc.on{color:#fff;border-color:rgba(140,185,240,.45);background:linear-gradient(180deg,#1a5fd0,#0a3d9c)}
.gal{display:grid;gap:20px;grid-template-columns:1fr}
@media (min-width:600px){.gal,.gal.n2{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1000px){.gal{grid-template-columns:repeat(3,1fr)}.gal.n2{grid-template-columns:repeat(2,1fr)}}
.gal.n1{grid-template-columns:minmax(0,780px);justify-content:center}
.gi{position:relative;aspect-ratio:4/3;border:1px solid var(--ln);border-radius:18px;overflow:hidden;padding:0;background:#0a1220;cursor:pointer;box-shadow:0 24px 30px -16px rgba(0,0,0,.8)}
.gi img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}
.gi:hover img{transform:scale(1.06)}
.gi .cap{position:absolute;left:0;right:0;bottom:0;padding:40px 18px 16px;text-align:left;color:var(--tx);font:600 16px/1.35 'Manrope','Noto Sans Ethiopic',sans-serif;background:linear-gradient(transparent,rgba(2,5,12,.85))}
.gi .cap small{display:block;font:400 12px 'JetBrains Mono',monospace;color:var(--cy);margin-top:4px}
#lbx{position:fixed;inset:0;z-index:120;background:rgba(2,5,12,.95);display:flex;align-items:center;justify-content:center;padding:60px 12px 24px}
#lbx figure{margin:0;max-width:100%;text-align:center}
#lbx img{max-width:92vw;max-height:74vh;object-fit:contain;border-radius:12px}
#lbx figcaption{margin-top:12px;color:var(--tx)}
.lbc,.lbn{position:absolute;width:48px;height:48px;border-radius:50%;border:1px solid var(--ln);background:rgba(255,255,255,.06);color:var(--tx);font-size:22px;cursor:pointer}
.lbc{top:12px;right:12px}.lbn{top:50%;transform:translateY(-50%)}.lp{left:10px}.ln2{right:10px}
.mq{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.mq .tr{display:flex;width:max-content;animation:mq var(--mqd,32s) linear infinite}
.mq:hover .tr{animation-play-state:paused}
@keyframes mq{to{transform:translateX(-50%)}}
.cl{display:flex;align-items:center;gap:12px;padding:12px 26px 12px 14px;margin-right:22px;border-radius:999px;border:1px solid var(--ln);background:rgba(255,255,255,.04);color:var(--tx);font-weight:700;white-space:nowrap}
.cl img{height:46px;width:46px;object-fit:contain}
.js .sl:not(.in){opacity:0;transform:translate(var(--sx,0),46px) scale(.95)}
.sl.in{animation:sli .8s cubic-bezier(.2,.7,.2,1) var(--dl,0ms) backwards}
.fl.sl.in{animation:sli .8s cubic-bezier(.2,.7,.2,1) backwards,fl 6s ease-in-out infinite;animation-delay:var(--dl,0ms),var(--fdl,0s)}
.fl:nth-child(2){--fdl:-2s}.fl:nth-child(3){--fdl:-4s}
@keyframes sli{from{opacity:0;transform:translate(var(--sx,0),46px) scale(.95)}}
@media (prefers-reduced-motion:reduce){.js .sl:not(.in){opacity:1;transform:none}.sl.in,.fl.sl.in{animation:none}.mq .tr{animation:none}.mq{overflow-x:auto;-webkit-mask-image:none;mask-image:none}}
.nt{border:1px solid rgba(240,200,120,.4);background:rgba(240,200,120,.08);color:#f0d9a0;border-radius:12px;padding:12px 14px;font-size:14px;margin:12px 0;line-height:1.5}
#ast.err{color:#f0a0a0}

