:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#020617;--bg2:#06142d;--card:#0f172ab8;--card2:#081227e0;--line:#94a3b82e;--text:#f8fafc;--muted:#a8b3c7;--blue:#00a3ff;--cyan:#55e6ff;--silver:#e2e8f0;--shadow:0 28px 90px #0000006b;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--text);-webkit-user-select:none;user-select:none;background:radial-gradient(circle at 18% 10%,#00a3ff2e,#0000 28%),radial-gradient(circle at 82% 18%,#55e6ff1a,#0000 28%),linear-gradient(135deg,#020617 0%,#06142d 52%,#020617 100%);margin:0;overflow-x:hidden}a{color:inherit;text-decoration:none}img{pointer-events:none;max-width:100%;display:block}body:before{content:"";pointer-events:none;z-index:-2;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:62px 62px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 78%);mask-image:linear-gradient(#000,#0000 78%)}.header{z-index:50;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);border-bottom:1px solid var(--line);background:linear-gradient(#020617e6,#02061794);justify-content:space-between;align-items:center;height:82px;padding:12px clamp(18px,4vw,64px);display:flex;position:sticky;top:0}.brand img{object-fit:cover;object-position:center;border-radius:14px;width:172px;height:54px}.nav{color:var(--muted);align-items:center;gap:28px;font-size:.94rem;display:flex}.nav a{transition:color .2s}.nav a:hover{color:var(--text)}.navCta,.primaryBtn,.secondaryBtn{letter-spacing:-.01em;border-radius:999px;justify-content:center;align-items:center;gap:10px;min-height:48px;padding:0 20px;font-weight:800;transition:transform .2s,border-color .2s,background .2s,box-shadow .2s;display:inline-flex}.navCta,.primaryBtn{background:linear-gradient(135deg, var(--blue), #075cff 52%, var(--cyan));color:#fff;box-shadow:0 14px 36px #007bff52}.navCta:hover,.primaryBtn:hover,.secondaryBtn:hover{transform:translateY(-2px)}.secondaryBtn{color:var(--text);background:#ffffff0f;border:1px solid #e2e8f038}.section{width:min(1180px,100% - 36px);margin:0 auto;padding:96px 0}.hero{grid-template-columns:1.05fr .95fr;align-items:center;gap:56px;min-height:calc(100vh - 82px);padding-top:62px;display:grid}.eyebrow{color:var(--cyan);text-transform:uppercase;letter-spacing:.14em;align-items:center;gap:8px;font-size:.78rem;font-weight:900;display:inline-flex}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.08em;max-width:900px;margin:22px 0 28px;font-size:clamp(3rem,7vw,6.8rem);line-height:.86}h2{letter-spacing:-.065em;margin-bottom:20px;font-size:clamp(2.1rem,4vw,4.3rem);line-height:.94}h3{letter-spacing:-.03em;font-size:1.35rem}p{color:var(--muted);line-height:1.72}.heroContent>p{max-width:690px;font-size:1.17rem}.heroActions{flex-wrap:wrap;gap:14px;margin:34px 0 28px;display:flex}.trustRow{color:#cbd5e1;flex-wrap:wrap;gap:16px;font-size:.92rem;display:flex}.trustRow span{align-items:center;gap:7px;display:inline-flex}.trustRow svg{color:var(--cyan)}.heroPanel{min-height:620px;position:relative}.orb{filter:blur(8px);opacity:.72;border-radius:999px;position:absolute}.orbOne{background:#00a3ff3d;width:300px;height:300px;top:50px;right:20px}.orbTwo{background:#55e6ff29;width:220px;height:220px;bottom:70px;left:10px}.showcaseCard{box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(145deg,#0f172aeb,#0810229e);border:1px solid #e2e8f02e;border-radius:34px;position:absolute;inset:76px 34px 74px;overflow:hidden}.showcaseCard:before{content:"";pointer-events:none;background:radial-gradient(circle at 50% 0,#00a3ff5c,#0000 35%);position:absolute;inset:-1px}.browserDots{gap:8px;padding:24px;display:flex}.browserDots span{background:#e2e8f073;border-radius:50%;width:10px;height:10px}.mockHeader{background:#e2e8f029;border-radius:999px;width:72%;height:18px;margin:44px 32px 28px}.mockTitle{background:linear-gradient(90deg,#00a3ff85,#55e6ff2e);border-radius:20px;width:84%;height:86px;margin:0 32px 28px}.mockGrid{grid-template-columns:repeat(3,1fr);gap:14px;padding:0 32px;display:grid}.mockGrid span{background:#ffffff14;border:1px solid #ffffff14;border-radius:22px;height:118px}.mockBanner{background:linear-gradient(135deg,#ffffff24,#00a3ff29);border-radius:26px;height:132px;margin:28px 32px}.floatingCard{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#020617c7;border:1px solid #e2e8f029;border-radius:20px;align-items:center;gap:10px;padding:16px 18px;font-weight:900;display:inline-flex;position:absolute;box-shadow:0 20px 60px #00000057}.floatingCard svg{color:var(--cyan)}.cardOne{top:128px;left:0}.cardTwo{bottom:145px;right:0}.cardThree{bottom:42px;left:54px}.sectionHead{max-width:780px;margin-bottom:36px}.sectionHead p{font-size:1.07rem}.cardsGrid{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.serviceCard,.portfolioCard,.differentials article{background:var(--card);border:1px solid var(--line);border-radius:28px;transition:transform .25s,border-color .25s,background .25s;box-shadow:0 22px 60px #00000038}.serviceCard:hover,.portfolioCard:hover,.differentials article:hover{background:#0f172ae0;border-color:#55e6ff61;transform:translateY(-6px)}.serviceCard{min-height:295px;padding:30px}.iconBox{width:58px;height:58px;color:var(--cyan);background:#00a3ff1c;border:1px solid #55e6ff33;border-radius:18px;place-items:center;margin-bottom:24px;display:grid}.portfolioGrid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.portfolioCard{overflow:hidden}.portfolioVisual{border-bottom:1px solid var(--line);background:radial-gradient(circle at 50% 0,#00a3ff3b,#0000 42%),linear-gradient(145deg,#ffffff14,#ffffff05);place-items:center;min-height:210px;display:grid;position:relative}.portfolioVisual img{opacity:.2;filter:contrast(1.3);width:62%}.portfolioVisual span{color:#e2e8f08c;font-weight:950;position:absolute;top:22px;right:24px}.portfolioBody{padding:26px}.portfolioBody small{color:var(--cyan);text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;font-weight:900}.tagRow{flex-wrap:wrap;gap:8px;margin:20px 0;display:flex}.tagRow em{color:#cbd5e1;background:#ffffff12;border:1px solid #ffffff14;border-radius:999px;padding:7px 10px;font-size:.78rem;font-style:normal}.portfolioBody a{color:var(--cyan);align-items:center;gap:7px;font-weight:900;display:inline-flex}.mentorPanel{box-shadow:var(--shadow);background:radial-gradient(circle at 0 0,#00a3ff2e,#0000 34%),#0f172abd;border:1px solid #55e6ff38;border-radius:36px;grid-template-columns:.86fr 1.14fr;align-items:center;gap:46px;padding:clamp(26px,5vw,56px);display:grid}.mentorList{grid-template-columns:repeat(2,1fr);gap:13px;display:grid}.mentorList span{color:#dbeafe;background:#ffffff0f;border:1px solid #ffffff14;border-radius:18px;align-items:center;gap:9px;padding:16px;font-weight:750;display:flex}.mentorList svg{color:var(--cyan);flex:none}.about{grid-template-columns:390px 1fr;align-items:center;gap:58px;display:grid}.aboutPhoto{box-shadow:var(--shadow);background:linear-gradient(145deg,#00a3ff70,#ffffff14);border-radius:36px;padding:14px}.aboutPhoto img{aspect-ratio:1;object-fit:cover;border-radius:27px}.authorityGrid{grid-template-columns:repeat(2,1fr);gap:12px;margin-top:28px;display:grid}.authorityGrid span{color:#dbeafe;background:#ffffff0e;border:1px solid #ffffff14;border-radius:16px;align-items:center;gap:9px;padding:14px;font-weight:800;display:flex}.authorityGrid svg{color:var(--cyan)}.differentials{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.differentials article{padding:28px}.differentials svg{color:var(--cyan);margin-bottom:16px}.finalCta{text-align:center;box-shadow:var(--shadow);background:radial-gradient(circle at 50% 0,#00a3ff47,#0000 42%),#0f172adb;border:1px solid #55e6ff3d;border-radius:40px;margin-bottom:82px;padding:74px clamp(20px,6vw,80px)}.finalCta img{object-fit:cover;object-position:center;border-radius:18px;width:220px;height:70px;margin:0 auto 28px}.finalCta p{max-width:640px;margin:0 auto 28px}.footer{border-top:1px solid var(--line);background:#020617b8;justify-content:space-between;align-items:center;gap:24px;padding:34px clamp(18px,4vw,64px);display:flex}.footer img{object-fit:cover;border-radius:14px;width:174px;height:54px;margin-bottom:10px}.footer p{margin:0;font-size:.9rem}.whatsappFloat{z-index:60;color:#fff;background:linear-gradient(135deg,#15c96f,#00a884);border-radius:50%;place-items:center;width:58px;height:58px;display:grid;position:fixed;bottom:22px;right:22px;box-shadow:0 20px 45px #00a8845c}@media (width<=1040px){.nav{display:none}.hero,.mentorPanel,.about{grid-template-columns:1fr}.heroPanel{min-height:540px}.cardsGrid,.differentials,.portfolioGrid{grid-template-columns:repeat(2,1fr)}.aboutPhoto{max-width:430px}}@media (width<=680px){.header{height:auto;padding:10px 16px}.brand img{width:138px;height:44px}.navCta{display:none}.section{width:min(100% - 28px,1180px);padding:72px 0}h1{font-size:clamp(3.05rem,16vw,4.4rem)}.hero{gap:20px;padding-top:38px}.heroPanel{min-height:430px}.showcaseCard{border-radius:28px;inset:46px 0 58px}.floatingCard{padding:12px;font-size:.82rem}.cardsGrid,.portfolioGrid,.mentorList,.authorityGrid,.differentials{grid-template-columns:1fr}.heroActions{flex-direction:column;align-items:stretch}.primaryBtn,.secondaryBtn{width:100%}.footer{flex-direction:column;align-items:flex-start}}.logoIntro{z-index:999;background:radial-gradient(circle at 50% 42%,#00a3ff47,#0000 32%),linear-gradient(135deg,#020617 0%,#06142d 58%,#020617 100%);place-items:center;animation:3.1s cubic-bezier(.2,.8,.2,1) forwards introExit;display:grid;position:fixed;inset:0;overflow:hidden}.logoIntro:before{content:"";background:conic-gradient(from 180deg,#0000,#55e6ff1f,#0000,#00a3ff29,#0000);animation:5.5s linear infinite introRotate;position:absolute;inset:-40%}.introAura{aspect-ratio:1;filter:blur(18px);background:radial-gradient(circle,#00a3ff42,#0000 64%);border-radius:999px;width:min(58vw,640px);animation:2.3s ease-in-out infinite auraPulse;position:absolute}.introLogoWrap{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#02061785;border:1px solid #e2e8f02e;border-radius:30px;width:min(72vw,520px);padding:22px;animation:1.1s cubic-bezier(.16,1,.3,1) both logoArrival;position:relative;overflow:hidden;box-shadow:0 36px 120px #0000007a,0 0 80px #00a3ff2e}.introLogoWrap img{opacity:.98;border-radius:20px;width:100%}.introScan{filter:blur(4px);background:linear-gradient(90deg,#0000,#ffffffb8,#0000);width:28%;animation:1.7s ease-in-out .45s both logoScan;position:absolute;inset:-40% auto -40% -30%;transform:rotate(18deg)}.logoIntro p{color:#e2e8f0c7;letter-spacing:.16em;text-transform:uppercase;font-size:clamp(.68rem,1.4vw,.9rem);font-weight:800;animation:1.2s .72s both introText;position:absolute;bottom:12vh}.animatedBrand{isolation:isolate;position:relative}.animatedBrand .brandGlow{z-index:-1;opacity:.7;background:radial-gradient(circle,#00a3ff40,#0000 65%);border-radius:20px;animation:3.4s ease-in-out infinite headerLogoGlow;position:absolute;inset:-8px}.animatedBrand:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff6b,#0000);width:28%;animation:5.2s ease-in-out infinite headerLogoShine;position:absolute;top:8px;bottom:8px;left:-34%;transform:skew(-22deg)}.heroLogoPulse{z-index:2;opacity:.92;border-radius:22px;width:min(68%,330px);animation:5s ease-in-out infinite heroLogoFloat;position:absolute;top:54px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 22px 70px #00000047}.heroLogoPulse:after{content:"";background:linear-gradient(110deg,#0000 20%,#ffffff2e,#0000 58%);animation:4.6s ease-in-out infinite heroLogoSweep;position:absolute;inset:0;transform:translate(-120%)}.heroLogoPulse img{width:100%}@keyframes introExit{0%,78%{opacity:1;visibility:visible}to{opacity:0;visibility:hidden;pointer-events:none}}@keyframes introRotate{to{transform:rotate(360deg)}}@keyframes auraPulse{0%,to{opacity:.72;transform:scale(.92)}50%{opacity:1;transform:scale(1.08)}}@keyframes logoArrival{0%{opacity:0;filter:blur(10px);transform:translateY(22px)scale(.92)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}@keyframes logoScan{0%{opacity:0;left:-34%}30%{opacity:1}to{opacity:0;left:108%}}@keyframes introText{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes headerLogoGlow{0%,to{opacity:.45;transform:scale(.98)}50%{opacity:.95;transform:scale(1.04)}}@keyframes headerLogoShine{0%,58%{opacity:0;left:-34%}68%{opacity:.85}82%,to{opacity:0;left:106%}}@keyframes heroLogoFloat{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(-9px)}}@keyframes heroLogoSweep{0%,46%{transform:translate(-120%)}66%,to{transform:translate(120%)}}@media (prefers-reduced-motion:reduce){.logoIntro,.logoIntro:before,.introAura,.introLogoWrap,.introScan,.logoIntro p,.animatedBrand .brandGlow,.animatedBrand:after,.heroLogoPulse,.heroLogoPulse:after{animation:none!important}.logoIntro{display:none}}
