/* RB Sojib theme styles */

:root{color-scheme:dark;--bg:#020A06;--ln:rgba(120,255,180,.13);--tx:#EAFBF1;--mu:#8DB8A1;--g:#2BE38A;--g2:#16A34A;--g3:#86EFAC;--g4:#0F766E;--lm:#A3E635;--s1:#06140D;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px)}
*,*::before,*::after{box-sizing:border-box;margin:0}
html{scroll-behavior:smooth;scroll-padding-top:84px}
body{font-family:'Sora',system-ui,sans-serif;background:var(--bg);color:var(--tx);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}
body::before{content:"";position:fixed;inset:0;z-index:-2;background:radial-gradient(700px 480px at 85% -5%,rgba(43,227,138,.15),transparent 70%),radial-gradient(640px 520px at -5% 45%,rgba(15,118,110,.2),transparent 70%)}
img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
.w{max-width:1180px;margin:0 auto;padding:0 20px}.rb-sec{padding:78px 0}
h1{font-size:clamp(2rem,4.6vw,3.6rem);line-height:1.08;font-weight:800;letter-spacing:-.03em}
h2{font-size:clamp(1.55rem,3.1vw,2.4rem);line-height:1.15;font-weight:800;letter-spacing:-.02em;margin-bottom:10px}h3{font-size:1.08rem;line-height:1.3}
.sub{color:var(--mu);max-width:62ch;margin-bottom:32px}.lead{color:var(--mu);max-width:54ch;margin:14px 0 24px}
.gt{background:linear-gradient(90deg,#2BE38A,#A3E635,#2BE38A);background-size:200%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:gs 6s linear infinite}@keyframes gs{to{background-position:200% 0}}
.orb{position:fixed;z-index:-1;border-radius:50%;pointer-events:none;will-change:transform}.o1{width:520px;height:520px;left:-160px;top:10%;background:radial-gradient(circle,rgba(43,227,138,.17),transparent 70%);animation:dr 18s ease-in-out infinite alternate}.o2{width:560px;height:560px;right:-180px;bottom:-10%;background:radial-gradient(circle,rgba(22,163,74,.2),transparent 70%);animation:dr 22s ease-in-out infinite alternate-reverse}@keyframes dr{to{transform:translate3d(80px,60px,0) scale(1.15)}}
#bar{position:fixed;top:0;left:0;height:3px;width:100%;transform:scaleX(0);transform-origin:0 50%;background:linear-gradient(90deg,#16A34A,#2BE38A,#A3E635);z-index:100}
#cg{position:fixed;left:-160px;top:-160px;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(43,227,138,.16),transparent 65%);pointer-events:none;z-index:1;mix-blend-mode:screen;will-change:transform}
header{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px max(20px,calc((100% - 1180px)/2));background:rgba(2,10,6,.8);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--ln)}
.logo{display:flex;flex-direction:column;line-height:1.15}.logo b{font-size:1.1rem}.logo small{font-size:.68rem;color:var(--g);display:flex;align-items:center;gap:5px}
.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--g);animation:pl 2s infinite}@keyframes pl{0%,100%{box-shadow:0 0 0 0 rgba(43,227,138,.6)}50%{box-shadow:0 0 0 7px rgba(43,227,138,0)}}
#nv{display:flex;gap:26px;font-size:.9rem;color:var(--mu)}#nv a{position:relative;padding:4px 0;transition:color .2s}#nv a::after{content:"";position:absolute;left:0;bottom:-3px;height:2px;width:0;background:var(--g);transition:width .3s}#nv a:hover,#nv a.cur{color:var(--tx)}#nv a:hover::after,#nv a.cur::after{width:100%}#mn{display:none}
.btn{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 22px;border-radius:12px;border:1px solid var(--ln);background:rgba(255,255,255,.04);font-weight:700;font-size:.92rem;transition:transform .25s,box-shadow .25s,border-color .25s}.btn:hover{transform:translateY(-2px);border-color:var(--g)}
.btn.pri{background:linear-gradient(120deg,#2BE38A,#A3E635);color:#032012;border:0}.btn.pri:hover{box-shadow:0 10px 30px rgba(43,227,138,.45)}
.btn::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.4) 50%,transparent 65%);transform:translateX(-130%)}.btn:hover::after{transform:translateX(130%);transition:transform .7s}
.glow{animation:gl 2.6s infinite}@keyframes gl{0%,100%{box-shadow:0 0 0 0 rgba(43,227,138,.5)}50%{box-shadow:0 0 24px 4px rgba(43,227,138,.35)}}
:focus-visible{outline:2px solid var(--g);outline-offset:2px}
.gl{position:relative;overflow:hidden;border-radius:20px;border:1px solid var(--ln);background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.015));transition:border-color .3s,transform .3s}.gl::before{content:"";position:absolute;inset:0;background:radial-gradient(260px circle at var(--mx,50%) var(--my,50%),rgba(43,227,138,.2),transparent 70%);opacity:0;transition:opacity .3s;pointer-events:none}.gl:hover{border-color:rgba(43,227,138,.5)}.gl:hover::before{opacity:1}
.p{padding:24px}.gr{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.g2{display:grid;gap:36px;grid-template-columns:1fr 1fr;align-items:center}@media(max-width:860px){.g2{grid-template-columns:1fr}}
.ic{width:50px;height:50px;border-radius:15px;display:grid;place-items:center;font-size:1.4rem;background:linear-gradient(135deg,#16A34A,#2BE38A);margin-bottom:12px;box-shadow:0 8px 22px -8px rgba(43,227,138,.6)}
.pill{display:inline-block;padding:3px 11px;border-radius:99px;background:rgba(43,227,138,.12);color:var(--g);font-size:.76rem;font-weight:700;margin:0 6px 6px 0}.tag{display:inline-block;padding:3px 11px;border-radius:99px;border:1px solid var(--ln);color:var(--mu);font-size:.76rem;margin:0 6px 6px 0}
.ul{list-style:none;padding:0;margin:0 0 16px}.ul li{padding:5px 0 5px 26px;position:relative;color:var(--mu)}.ul li::before{content:"✓";position:absolute;left:0;color:var(--g);font-weight:800}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.chips button{padding:9px 18px;border-radius:99px;border:1px solid var(--ln);background:rgba(255,255,255,.03);color:var(--mu);font-size:.86rem;transition:.2s}.chips button.on,.chips button:hover{background:var(--g);color:#032012;border-color:var(--g)}
.bdg{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:99px;background:rgba(43,227,138,.1);border:1px solid rgba(43,227,138,.3);color:var(--g);font-weight:700;font-size:.8rem}
.rv{opacity:0;transform:translateY(26px);transition:opacity .7s,transform .7s}.rv.in{opacity:1;transform:none}.st>*{opacity:0;transform:translateY(26px);transition:opacity .6s var(--d,0ms),transform .6s var(--d,0ms)}.st.in>*{opacity:1;transform:none}
[hidden]{display:none!important}.pg{display:none}.pg.on{display:block;animation:pgi .5s}@keyframes pgi{from{opacity:0}}.ph{padding-top:54px;padding-bottom:30px}
.pin{position:relative;padding:0}.pi{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;justify-content:center;overflow:hidden}
/* hero */
.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;padding-top:50px;padding-bottom:50px}@media(max-width:860px){.hero{grid-template-columns:1fr}}
.typed{color:var(--g);font-weight:800;font-size:1.15rem;min-height:1.9em;margin-top:14px}.typed::after{content:"|";animation:bl 1s infinite}@keyframes bl{50%{opacity:0}}
.row2{display:flex;flex-wrap:wrap;gap:12px}.trust{display:flex;flex-wrap:wrap;gap:22px;margin-top:28px;color:var(--mu);font-size:.86rem}.trust b{display:block;color:var(--tx);font-size:1.25rem}
.hc{position:relative;width:min(440px,86vw);aspect-ratio:1;margin:auto;transform:perspective(900px) rotateY(calc(var(--px,0)*9deg)) rotateX(calc(var(--py,0)*-9deg));transition:transform .25s ease-out}
.hc .ph1{position:absolute;inset:12%;border-radius:50%;overflow:hidden;border:4px solid rgba(43,227,138,.7);box-shadow:0 0 70px rgba(43,227,138,.4)}.hc .ph1 img{width:100%;height:100%;object-fit:cover;object-position:50% 26%}
.hc i{position:absolute;border-radius:50%;pointer-events:none}.beam{inset:-18%;background:conic-gradient(from 0deg,transparent 0 55%,rgba(43,227,138,.22) 78%,transparent 100%);animation:spin 9s linear infinite}
.rp{inset:12%;border:2px solid rgba(43,227,138,.55);animation:rip 3.6s ease-out infinite}.rp+.rp{animation-delay:1.2s}.rp+.rp+.rp{animation-delay:2.4s}@keyframes rip{from{transform:scale(1);opacity:.8}to{transform:scale(1.55);opacity:0}}
.rg1{inset:5%;border:2px dashed rgba(134,239,172,.55);animation:spin 34s linear infinite}.rg2{inset:1%;background:conic-gradient(from 0deg,transparent 0 62%,#2BE38A 88%,transparent 100%);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 3px));mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 3px));animation:spin 5s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.ob{position:absolute;inset:-3%;animation:spin 24s linear infinite}.ob span{position:absolute;width:54px;height:54px;margin:-27px;border-radius:50%;display:grid;place-items:center;background:#06140D;border:1px solid var(--g);color:var(--g);font-weight:800;font-size:.7rem;box-shadow:0 0 22px rgba(43,227,138,.5);animation:spin 24s linear infinite reverse}.ob span:nth-child(1){left:50%;top:0}.ob span:nth-child(2){left:100%;top:50%}.ob span:nth-child(3){left:50%;top:100%}.ob span:nth-child(4){left:0;top:50%}
.sp{width:7px;height:7px;background:#CFFFE3;box-shadow:0 0 12px 3px rgba(134,239,172,.9);animation:tw 2.6s ease-in-out infinite}@keyframes tw{50%{opacity:.15;transform:scale(.5)}}
.chip{position:absolute;z-index:3;padding:10px 14px;border-radius:14px;background:rgba(6,20,13,.92);border:1px solid var(--ln);font-size:.74rem;color:var(--mu);animation:fl 5s ease-in-out infinite}.chip b{display:block;color:var(--g);font-size:1.15rem}@keyframes fl{50%{transform:translateY(-10px)}}.c1{left:-4%;top:14%}.c2{right:-4%;bottom:12%;animation-delay:-2s}
.mq{overflow:hidden;white-space:nowrap;border-block:1px solid var(--ln);padding:16px 0;background:rgba(255,255,255,.02)}.mq>div{display:inline-flex;gap:14px;animation:mq 34s linear infinite;will-change:transform}.mq:hover>div{animation-play-state:paused}.mq span{padding:8px 18px;border-radius:99px;background:rgba(255,255,255,.05);border:1px solid var(--ln);font-weight:700;font-size:.84rem}@keyframes mq{to{transform:translate3d(-50%,0,0)}}
.fob{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;padding:30px;border-radius:26px;background:linear-gradient(120deg,#064E3B,#0F766E,#16A34A);box-shadow:0 30px 80px -34px rgba(43,227,138,.55)}@media(max-width:760px){.fob{grid-template-columns:1fr 1fr}}
.fob{justify-items:center}.rr{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px}.rr .rw{position:relative;width:104px}.rr svg{width:100%;display:block}.rr b{position:absolute;inset:0;display:grid;place-items:center;font-size:1.3rem;line-height:1}.rr span{color:#D1FAE5;font-size:.84rem}
.ring circle{fill:none;stroke-width:7;stroke:rgba(255,255,255,.18)}.ring .fg{stroke:url(#wg);stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dashoffset 1.9s cubic-bezier(.2,.8,.2,1)}.in .ring .fg{stroke-dashoffset:calc(1 - var(--v))}svg.ring{filter:drop-shadow(0 0 6px rgba(255,255,255,.3))}
/* services panel */
.svt{display:grid;grid-template-columns:.75fr 1.25fr;gap:24px}@media(max-width:860px){.svt{grid-template-columns:1fr}.svl{flex-direction:row!important;overflow-x:auto}.svl button{white-space:nowrap}}
.svl{display:flex;flex-direction:column;gap:10px}.svl button{text-align:left;padding:16px 18px;border-radius:14px;border:1px solid var(--ln);background:rgba(255,255,255,.03);font-weight:700;transition:.3s}.svl button.on{background:linear-gradient(120deg,#16A34A,#0F766E);border-color:transparent;transform:translateX(6px)}
.svp{padding:22px;animation:pop .5s}@keyframes pop{from{opacity:0;transform:translateY(16px)}}.si{width:100%;aspect-ratio:8/5;object-fit:cover;border-radius:14px;margin-bottom:14px}.svp p{color:var(--mu);margin:6px 0 12px}
.wr{font-size:clamp(1.4rem,3.4vw,2.6rem);font-weight:800;line-height:1.28;max-width:26em;letter-spacing:-.02em}.wr span{opacity:.18;transition:opacity .4s,color .4s}.wr span.lit{opacity:1}.wr span.lit:nth-child(6n+3){color:var(--g)}.wr span.lit:nth-child(9n+5){color:var(--lm)}
.bm{overflow:hidden;white-space:nowrap;margin-top:26px}.bm div{display:inline-block;font-size:clamp(2.8rem,8.5vw,6.5rem);font-weight:800;letter-spacing:-.03em;line-height:1.1;-webkit-text-stroke:1px rgba(134,239,172,.4);color:transparent;animation:mq 38s linear infinite;will-change:transform}.bm.r div{animation-direction:reverse;-webkit-text-stroke:0;background:linear-gradient(90deg,#2BE38A,#A3E635,#86EFAC);-webkit-background-clip:text;background-clip:text}
.hs{height:330vh}.hsb{height:4px;border-radius:9px;background:var(--ln);margin-top:16px;max-width:420px;overflow:hidden}.hsb i{display:block;height:100%;width:100%;transform:scaleX(0);transform-origin:0 50%;background:linear-gradient(90deg,#2BE38A,#A3E635)}
.hs-tr{display:flex;gap:22px;padding:30px 7vw;will-change:transform}.stc{flex:0 0 min(390px,82vw);padding:28px;border-radius:24px;color:#fff;box-shadow:0 30px 60px -30px #000}.stc>span{font-size:3rem;font-weight:800;opacity:.3;line-height:1}.stc h3{font-size:1.4rem;margin:6px 0}.stc .ul li{color:#E6FFF0}.stc .ul li::before{color:#fff}
.c1b{background:linear-gradient(145deg,#15803D,#064E3B)}.c2b{background:linear-gradient(145deg,#0F766E,#134E4A)}.c3b{background:linear-gradient(145deg,#166534,#14532D)}.c4b{background:linear-gradient(145deg,#047857,#065F46)}.c5b{background:linear-gradient(145deg,#2BE38A,#16A34A);color:#032012}.c5b .btn{background:#032012;color:#2BE38A;border:0}
@media(max-width:760px){.hs{height:auto;padding:60px 0}.hs .pi{position:static;height:auto;overflow:visible}.hs-tr{flex-direction:column;transform:none!important}.hsb{display:none}}
.cs{height:230vh}.cg2{display:grid;grid-template-columns:.9fr 1.1fr;gap:30px;align-items:center}@media(max-width:860px){.cg2{grid-template-columns:1fr}}
.rd{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}.rd div{padding:12px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid var(--ln)}.rd b{display:block;font-size:1.4rem;color:var(--g)}.rd small{color:var(--mu)}.chart{padding:16px}.chart svg{width:100%;height:auto;display:block}
.stk{display:grid;gap:28px}.sk2{position:sticky;top:calc(92px + var(--i)*22px);display:grid;grid-template-columns:.85fr 1.15fr;gap:24px;align-items:center;padding:24px;border-radius:26px;background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.02)),#06140D;border:1px solid var(--ln);box-shadow:0 -24px 50px -26px #000;transform-origin:50% 0}.sk2 img{width:100%;border-radius:16px;box-shadow:0 20px 50px -22px rgba(43,227,138,.5)}@media(max-width:760px){.sk2{grid-template-columns:1fr;position:relative;top:0}}
.roi{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding:30px}@media(max-width:760px){.roi{grid-template-columns:1fr}}label{display:block;font-size:.86rem;color:var(--mu);margin:14px 0 6px}label b{color:var(--tx)}input[type=range]{width:100%;accent-color:var(--g)}
.out{display:flex;flex-direction:column;justify-content:center;gap:10px}.out div{padding:14px;border-radius:14px;background:rgba(43,227,138,.07);border:1px solid rgba(43,227,138,.2)}.out b{font-size:1.7rem;color:var(--g);display:block}.out small{color:var(--mu)}
.tm{overflow:hidden}.tm>div{display:inline-flex;gap:16px;animation:mq 50s linear infinite;will-change:transform}.tm:hover>div{animation-play-state:paused}.tc{width:340px;padding:22px;white-space:normal}.tc p{margin:8px 0 12px}.tc em{color:var(--mu);font-style:normal;font-size:.84rem}.st5{color:#BEF264}
.cta{border-radius:28px;text-align:center;padding:70px 22px;color:#fff;background:linear-gradient(135deg,rgba(6,78,59,.88),rgba(2,10,6,.93)),var(--cb) center 30%/cover}.cta .sub{margin:0 auto 22px;color:#C9F5DA}
/* inputs / forms */
input[type=text],input[type=email],input[type=url],select,textarea{width:100%;padding:12px 14px;border-radius:11px;border:1px solid var(--ln);background:rgba(255,255,255,.05);color:var(--tx);font:inherit;font-size:.92rem}select option{background:#06140D}
.row{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media(max-width:560px){.row{grid-template-columns:1fr}}
.ck{display:flex;flex-wrap:wrap;gap:8px}.ck label,.sc{margin:0;display:flex;gap:9px;align-items:center;padding:10px 13px;border-radius:12px;border:1px solid var(--ln);color:var(--tx);cursor:pointer;background:rgba(255,255,255,.03);font-size:.84rem;transition:.2s}.ck label:has(input:checked),.sc:has(input:checked){border-color:var(--g);background:rgba(43,227,138,.12)}
details{padding:16px 20px;margin-bottom:10px}summary{cursor:pointer;font-weight:700}details p{color:var(--mu);margin-top:8px}
/* about */
.ab{align-items:center}.arch2{position:relative;max-width:400px;margin:auto;border-radius:200px 200px 26px 26px;overflow:hidden;border:4px solid rgba(43,227,138,.5);box-shadow:0 0 60px -10px rgba(43,227,138,.5)}.arch2 img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:50% 20%}.sweep{position:absolute;inset:0;background:linear-gradient(110deg,transparent 40%,rgba(255,255,255,.22) 50%,transparent 60%);transform:translateX(-120%);animation:sw 5s ease-in-out infinite}@keyframes sw{60%,100%{transform:translateX(120%)}}
.gauges .gg{text-align:center;padding:18px}.gg .rw{position:relative;width:96px;margin:0 auto 12px}.gg svg{width:100%;display:block}.gg b{display:block;text-align:center}.gg .n{position:absolute;inset:0;display:grid;place-items:center;font-weight:800;font-size:1.2rem;line-height:1}.gg:hover{transform:translateY(-6px)}
.tl{position:relative;padding-left:34px;max-width:760px}.tl::before{content:"";position:absolute;left:8px;top:0;bottom:0;width:2px;background:var(--ln)}.tlf{position:absolute;left:8px;top:0;bottom:0;width:2px;background:linear-gradient(var(--g),var(--lm));transform:scaleY(0);transform-origin:50% 0;box-shadow:0 0 12px var(--g)}.tli{position:relative;margin-bottom:30px;opacity:.35;transition:.5s}.tli::before{content:"";position:absolute;left:-33px;top:6px;width:14px;height:14px;border-radius:50%;background:var(--bg);border:2px solid var(--ln);transition:.5s}.tli.on{opacity:1}.tli.on::before{background:var(--g);border-color:var(--g);box-shadow:0 0 16px var(--g)}.tli p{color:var(--mu)}
.fl{perspective:900px;height:210px}.fl>div{position:relative;width:100%;height:100%;transition:transform .7s;transform-style:preserve-3d}.fl:hover>div,.fl.tap>div{transform:rotateY(180deg)}.fl .f,.fl .b{position:absolute;inset:0;padding:22px;border-radius:20px;border:1px solid var(--ln);backface-visibility:hidden;-webkit-backface-visibility:hidden}.fl .f{background:rgba(255,255,255,.04)}.fl .b{transform:rotateY(180deg);background:linear-gradient(145deg,#0F766E,#064E3B)}.fl .b p{font-size:.9rem;color:#D1FAE5}
.cert{text-align:center;padding:20px}.cert .ic{margin:0 auto 10px}.cert::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 40%,rgba(255,255,255,.14) 50%,transparent 60%);transform:translateX(-120%)}.cert:hover::after{transform:translateX(120%);transition:transform .8s}
/* services */
.scard{display:flex;flex-direction:column}.scard .bd{padding:18px 20px 20px}.scard p{color:var(--mu);font-size:.9rem}.scard .ov{position:absolute;inset:0;padding:22px;background:rgba(2,18,10,.96);transform:translateY(101%);transition:transform .45s cubic-bezier(.2,.8,.2,1);z-index:2}.scard:hover .ov{transform:none}.scard.hide{display:none}
.pk{display:grid;grid-template-columns:1.2fr .8fr;gap:22px;align-items:start}@media(max-width:860px){.pk{grid-template-columns:1fr}}.pk .sum{position:sticky;top:96px;padding:24px}.pk .tot{font-size:2.4rem;font-weight:800;color:var(--g)}.pk .sum small{color:var(--mu)}.pk .ck label{width:100%;justify-content:space-between}
.tw{overflow-x:auto;padding:8px}table{width:100%;border-collapse:collapse;font-size:.9rem;min-width:520px}th,td{padding:13px 14px;border-bottom:1px solid var(--ln);text-align:left;transition:background .2s}th{color:var(--g)}td.hl,th.hl{background:rgba(43,227,138,.09)}.tg{display:inline-flex;padding:4px;border-radius:99px;border:1px solid var(--ln);margin-bottom:16px}.tg button{padding:8px 18px;border-radius:99px;font-size:.84rem;color:var(--mu)}.tg button.on{background:var(--g);color:#032012;font-weight:700}
.ind span{display:inline-block;padding:10px 18px;margin:0 8px 10px 0;border-radius:99px;border:1px solid var(--ln);background:rgba(255,255,255,.03);transition:.3s}.ind span:hover{background:var(--g);color:#032012;transform:translateY(-4px) rotate(-2deg);box-shadow:0 10px 24px -8px rgba(43,227,138,.6)}
/* service */
.scan{padding:26px}.srow{display:flex;gap:10px;flex-wrap:wrap}.srow input{flex:1;min-width:180px}.pb{height:6px;border-radius:9px;background:var(--ln);margin:16px 0;overflow:hidden}.pb i{display:block;height:100%;width:0;background:linear-gradient(90deg,#2BE38A,#A3E635);transition:width .6s}.sl{list-style:none;padding:0;color:var(--mu);font-size:.9rem}.sl li{animation:pop .4s}.sres{display:flex;gap:20px;align-items:center;margin-top:16px;flex-wrap:wrap}.sres svg{width:110px}.sn{position:relative;font-size:2rem;font-weight:800;color:var(--g)}
.ba{position:relative;height:280px;border-radius:18px;overflow:hidden;user-select:none}.ba>div{position:absolute;inset:0;display:grid;place-items:center;text-align:center;font-weight:800;font-size:1.3rem}.ba input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;z-index:3}.hdl{position:absolute;top:0;bottom:0;left:50%;width:3px;background:#fff;z-index:2}.hdl::after{content:"↔";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:38px;height:38px;border-radius:50%;background:#fff;color:#032012;display:grid;place-items:center}
.stw{display:grid;grid-template-columns:.8fr 1.2fr;gap:36px}@media(max-width:860px){.stw{grid-template-columns:1fr}}.stw .sd{position:sticky;top:110px;align-self:start}.stp{padding:26px;margin-bottom:18px;opacity:.4;transition:.5s}.stp.on{opacity:1;border-color:var(--g)}.stp i{font-style:normal;display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--g);color:#032012;font-weight:800;margin-bottom:8px}
.pr{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.pr .gl{padding:26px}.pr h2{margin:8px 0;color:var(--g)}
/* portfolio / project */
.pst{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:24px 0}@media(max-width:700px){.pst{grid-template-columns:1fr 1fr}}.pst div{padding:16px;text-align:center}.pst b{font-size:1.7rem;color:var(--g);display:block}
.wg{display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(270px,1fr))}.wc{cursor:pointer;padding:0;text-align:left;transform-style:preserve-3d}.wc.big{grid-column:span 2}@media(max-width:640px){.wc.big{grid-column:auto}}.wc.hide{display:none}.wc .im{overflow:hidden;position:relative}.wc img{width:100%;aspect-ratio:8/5;object-fit:cover;transition:transform .7s}.wc:hover img{transform:scale(1.08)}.wc .bd{padding:16px 18px}.wc .rs{position:absolute;left:0;right:0;bottom:0;padding:14px;display:flex;gap:8px;background:linear-gradient(transparent,rgba(2,10,6,.95));transform:translateY(100%);transition:transform .4s}.wc:hover .rs{transform:none}
#lb{position:fixed;inset:0;z-index:150;background:rgba(0,0,0,.82);display:none;place-items:center;padding:18px}#lb.open{display:grid}#lb .bx{max-width:860px;width:100%;max-height:92vh;overflow:auto;padding:18px;background:#06140D;animation:pop .35s}#lb img{width:100%;border-radius:14px;margin-bottom:14px}
.pj{position:relative;overflow:hidden;border-radius:26px;margin:22px 0;max-height:520px}.pj img{width:100%;will-change:transform}.mt{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin:26px 0}.mt div{padding:18px;text-align:center}.mt b{font-size:1.9rem;color:var(--g);display:block}
.lay{display:grid;grid-template-columns:210px 1fr;gap:38px}@media(max-width:860px){.lay{grid-template-columns:1fr}}.toc{position:sticky;top:100px;align-self:start}@media(max-width:860px){.toc{position:static}}.toc a{display:block;padding:8px 12px;border-left:2px solid var(--ln);color:var(--mu);font-size:.88rem;transition:.2s}.toc a.cur{color:var(--g);border-color:var(--g);padding-left:18px}
.art h2{margin-top:34px;font-size:1.55rem}.art p{color:#BFDACB;margin:12px 0;max-width:68ch}.bar2{height:10px;border-radius:9px;background:var(--ln);margin:6px 0 16px;overflow:hidden}.bar2 i{display:block;height:100%;width:var(--w);transform:scaleX(0);transform-origin:0 50%;background:linear-gradient(90deg,#16A34A,#A3E635);transition:transform 1.4s cubic-bezier(.2,.8,.2,1)}.in .bar2 i{transform:none}
.gal{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:12px;cursor:grab}.gal img{flex:0 0 min(420px,80%);scroll-snap-align:start;border-radius:16px;border:1px solid var(--ln)}
.nx{display:flex;justify-content:space-between;align-items:center;padding:30px;margin-top:30px}.nx h2{margin:0}
/* blog */
.ft{display:grid;grid-template-columns:1.1fr .9fr;gap:0;overflow:hidden}@media(max-width:760px){.ft{grid-template-columns:1fr}}.ft .bd{padding:30px}.ft img{width:100%;height:100%;object-fit:cover;min-height:240px}
.bg2{display:grid;gap:22px;grid-template-columns:1fr 300px;align-items:start}@media(max-width:960px){.bg2{grid-template-columns:1fr}}.bl{display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.bc{display:flex;flex-direction:column}.bc .bd{padding:16px 18px 20px}.bc.hide{display:none}.bc .im{overflow:hidden}.bc img{width:100%;aspect-ratio:8/5;object-fit:cover;transition:transform .6s}.bc:hover img{transform:scale(1.07)}.bc p{color:var(--mu);font-size:.84rem}
.pop li{list-style:none;display:flex;gap:12px;padding:12px 0;border-bottom:1px solid var(--ln)}.pop b{color:var(--g);font-size:1.3rem}.nl{padding:24px;margin-top:18px}
/* post */
.share{position:sticky;top:110px;align-self:start;display:flex;flex-direction:column;gap:8px}@media(max-width:860px){.share{flex-direction:row;position:static}}.share a{width:42px;height:42px;border-radius:50%;border:1px solid var(--ln);display:grid;place-items:center;transition:.2s}.share a:hover{background:var(--g);color:#032012;transform:scale(1.1)}
.co{padding:16px 20px;border-radius:14px;margin:18px 0;border:1px solid var(--ln);background:rgba(255,255,255,.03)}pre{background:#010603;border:1px solid var(--ln);border-radius:12px;padding:50px 16px 16px;overflow-x:auto;font-size:.85rem;position:relative;margin:16px 0;color:#BBF7D0}pre .btn{position:absolute;right:10px;top:10px;padding:5px 12px}
#left{position:fixed;left:50%;bottom:calc(16px + env(safe-area-inset-bottom,0px));transform:translate(-50%,80px);z-index:56;padding:8px 18px;border-radius:99px;background:rgba(6,20,13,.95);border:1px solid var(--ln);font-size:.8rem;color:var(--g);transition:.4s}#left.on{transform:translate(-50%,0)}@media(max-width:860px){#left{bottom:calc(76px + env(safe-area-inset-bottom,0px))}}
/* contact */
.ct{display:grid;grid-template-columns:.85fr 1.15fr;gap:26px;align-items:start}@media(max-width:900px){.ct{grid-template-columns:1fr}}
.cl{padding:28px;background:linear-gradient(160deg,rgba(6,78,59,.9),rgba(2,10,6,.96)),var(--cb) center/cover;border-radius:26px}.ch{display:flex;gap:14px;align-items:center;padding:14px 16px;margin-top:12px;border-radius:16px;border:1px solid var(--ln);background:rgba(2,10,6,.55);transition:.3s}.ch:hover{border-color:var(--g);transform:translateX(6px)}.ch .ic{margin:0;width:42px;height:42px;font-size:1.1rem}.ch small{color:var(--mu);display:block}
.clk{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:99px;background:rgba(43,227,138,.12);font-size:.8rem;color:var(--g);font-weight:700}
.rad{position:relative;height:150px;margin-top:20px;border-radius:18px;overflow:hidden;border:1px solid var(--ln);background:repeating-linear-gradient(0deg,transparent 0 19px,rgba(43,227,138,.07) 19px 20px),repeating-linear-gradient(90deg,transparent 0 19px,rgba(43,227,138,.07) 19px 20px),#021008;display:grid;place-items:center}.rad i{position:absolute;left:50%;top:50%;width:14px;height:14px;margin:-7px;border-radius:50%;background:var(--g);box-shadow:0 0 18px var(--g)}.rad s{position:absolute;left:50%;top:50%;width:14px;height:14px;margin:-7px;border-radius:50%;border:2px solid var(--g);animation:rip 3s ease-out infinite;text-decoration:none}.rad s+s{animation-delay:1s}.rad s:nth-child(3){animation-delay:2s}.rad b{position:absolute;left:12px;bottom:8px;font-size:.78rem}
.fcard{padding:28px}.wp{margin-bottom:22px}.wb{height:4px;border-radius:9px;background:var(--ln);overflow:hidden}.wb i{display:block;height:100%;width:0;background:linear-gradient(90deg,#2BE38A,#A3E635);transition:width .5s}.sdt{display:flex;justify-content:space-between;margin-top:10px;font-size:.78rem;color:var(--mu)}.sdt span.on{color:var(--g);font-weight:700}
.sv3{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin:14px 0}.sc{flex-direction:column;align-items:flex-start;padding:18px;gap:4px}.sc input{position:absolute;opacity:0}.sc small{color:var(--mu)}
fieldset{border:1px solid var(--ln);border-radius:14px;padding:4px 16px 16px;margin-top:14px;animation:pop .4s}legend{padding:0 8px;font-weight:700;font-size:.9rem;color:var(--g)}
.wnav{display:flex;justify-content:space-between;gap:10px;margin-top:22px}.okb{text-align:center;padding:30px 10px}.okb b{font-size:1.4rem;color:var(--g)}
#md,#cal{position:fixed;inset:0;z-index:150;background:rgba(0,0,0,.78);display:none;overflow:auto;padding:26px 14px}#md.open,#cal.open{display:grid;place-items:start center}#cal{place-items:center}#md .bx{max-width:720px;width:100%;position:relative;background:#06140D;border-radius:22px}#md .x{position:absolute;right:14px;top:10px;font-size:1.6rem;z-index:2}
footer{padding:44px 0 90px;border-top:1px solid var(--ln);color:var(--mu);font-size:.9rem}.fg{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:26px}@media(max-width:760px){.fg{grid-template-columns:1fr 1fr}}.fg a{display:block;margin:6px 0}.fg a:hover{color:var(--g)}.fg b{display:block;color:var(--tx);margin-bottom:6px}
.wa{position:fixed;right:18px;bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:60;width:54px;height:54px;border-radius:50%;background:#25D366;color:#fff;display:grid;place-items:center;font-size:1.5rem;box-shadow:0 8px 24px rgba(37,211,102,.4)}
#up{position:fixed;left:18px;bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:60;width:50px;height:50px;border-radius:50%;background:rgba(6,20,13,.92);color:var(--g);display:grid;place-items:center;opacity:0;transform:scale(.6);transition:.3s;pointer-events:none}#up.on{opacity:1;transform:none;pointer-events:auto}#up svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}#up circle{fill:none;stroke-width:3}#up .t{stroke:rgba(255,255,255,.14)}#up .f{stroke:url(#wg);stroke-linecap:round;stroke-dasharray:1}
.lay>*,.g2>*,.ct>*,.bg2>*{min-width:0}.lay.pl{grid-template-columns:50px 210px 1fr;gap:26px}@media(max-width:860px){.lay.pl{grid-template-columns:1fr}}html,body{overflow-x:clip}#cur,#cr{opacity:0;position:fixed;left:0;top:0;pointer-events:none;z-index:300;border-radius:50%}#cur{width:8px;height:8px;margin:-4px;background:var(--g)}#cr{width:38px;height:38px;margin:-19px;border:1.5px solid rgba(43,227,138,.7);transition:width .25s,height .25s,margin .25s,background .25s}#cr.big{width:66px;height:66px;margin:-33px;background:rgba(43,227,138,.12)}body.mv #cur,body.mv #cr{opacity:1}body.cc,body.cc *{cursor:none!important}body.cc input,body.cc textarea,body.cc select{cursor:text!important}@media(hover:none){#cur,#cr,#cg{display:none}}
#wipe{position:fixed;inset:0;z-index:200;background:linear-gradient(135deg,#0F766E,#020A06);transform:translateY(-100%);pointer-events:none}#wipe.go{animation:wp .75s cubic-bezier(.7,0,.3,1)}@keyframes wp{0%{transform:translateY(0);opacity:0}15%{opacity:1}100%{transform:translateY(-100%);opacity:1}}
@media(max-width:860px){#nv{display:none}#mn{display:flex;position:fixed;left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom,0px));z-index:55;justify-content:space-around;padding:12px 4px;background:rgba(6,20,13,.95);border:1px solid var(--ln);border-radius:16px;font-size:.76rem;color:var(--mu)}#mn a.cur{color:var(--g)}.wa,#up{bottom:calc(84px + env(safe-area-inset-bottom,0px))}footer{padding-bottom:120px}.rb-sec{padding:60px 0}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.rv,.st>*{opacity:1;transform:none}.wr span{opacity:1}}
.scard.open .ov{transform:none}.ov .row2{margin-top:10px}.out2{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin-top:16px}.out2 div{padding:12px;border-radius:14px;background:rgba(43,227,138,.07);border:1px solid rgba(43,227,138,.2)}.out2 b{display:block;font-size:1.25rem;color:var(--g)}.out2 small{color:var(--mu)}.sres .rw{position:relative;width:104px}.sres .rw svg{display:block;width:100%}.sres .rw .sn{position:absolute;inset:0;display:grid;place-items:center;font-size:1.7rem;color:var(--tx)}.scan label{margin-top:10px}
/* ---- WordPress / Elementor additions ---- */
#nv ul,#mn ul{display:flex;list-style:none;margin:0;padding:0}#nv ul{gap:26px}#nv li,#mn li{margin:0}
#nv .current-menu-item>a,#nv .current_page_item>a,#nv .current-menu-ancestor>a{color:var(--tx)}
#nv .current-menu-item>a::after,#nv .current_page_item>a::after,#nv .current-menu-ancestor>a::after{width:100%}
#mn ul{width:100%;justify-content:space-around}#mn .current-menu-item>a,#mn .current_page_item>a{color:var(--g)}
.admin-bar header{top:32px}@media(max-width:782px){.admin-bar header{top:46px}}
.hp{position:absolute;left:-9999px;opacity:0;height:0;width:0}.err{color:#BEF264;font-size:.86rem;margin-top:10px}
.chip-link{padding:9px 18px;border-radius:99px;border:1px solid var(--ln);background:rgba(255,255,255,.03);color:var(--mu);font-size:.86rem;transition:.2s}.chip-link.on,.chip-link:hover{background:var(--g);color:#032012;border-color:var(--g)}
.navigation.pagination .nav-links{display:flex;gap:8px;justify-content:center;margin-top:30px}.page-numbers{padding:8px 14px;border:1px solid var(--ln);border-radius:12px}.page-numbers.current{background:var(--g);color:#032012}
.elementor-widget[class*="elementor-widget-rb_"]{margin-bottom:0}.elementor-widget[class*="elementor-widget-rb_"]>.elementor-widget-container{margin:0;padding:0}
.pkb .btn{width:100%}.rb-av{border-radius:50%}.rb-search input{max-width:100%}.art ul,.art ol{color:#BFDACB;padding-left:22px;margin:12px 0}.art li{margin:4px 0}.art img{border-radius:14px}
.art .co,.art .rb-callout{padding:16px 20px;border-radius:14px;margin:18px 0;border:1px solid var(--ln);background:rgba(255,255,255,.03)}
@keyframes wp2{from{transform:translateY(100%);opacity:1}to{transform:translateY(0);opacity:1}}
body.rb-theme :is(h1,h2,h3,h4){font-family:'Sora',system-ui,sans-serif;color:inherit;margin-top:0}
.elementor-editor-active .pin{height:auto!important}.elementor-editor-active .pin .pi{position:static;height:auto;overflow:visible}.elementor-editor-active .hs-tr{flex-wrap:wrap;transform:none!important}.elementor-editor-active .sk2{position:relative;top:0}.elementor-editor-active .wr span{opacity:1}.elementor-editor-active #cg,.elementor-editor-active #wipe,.elementor-editor-active #up{display:none}