:root{--font-sans: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--font-display: "Outfit", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "Cascadia Code", monospace;--bg: #020814;--surface: #060f20;--surface2: #0a1628;--blue: #0057ff;--blue-bright: #1a78ff;--cyan: #00d4ff;--gold: #f0b429;--text: #e8f0fe;--muted: #6b8cba;--border: rgba(0,87,255,.2);--glow: 0 0 40px rgba(0,87,255,.4);--glow-cyan: 0 0 30px rgba(0,212,255,.3)}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.skip-link:focus{position:fixed;left:16px;top:16px;z-index:200;width:auto;height:auto;padding:12px 16px;background:var(--surface);border:1px solid var(--border);color:var(--text);overflow:visible;clip:auto;text-decoration:none;border-radius:8px;font-size:14px}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);font-weight:400;font-size:1rem;line-height:1.6;letter-spacing:.01em;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");pointer-events:none;z-index:0;opacity:.4}nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:0 5%;height:72px;display:flex;align-items:center;justify-content:space-between;background:#020814d9;backdrop-filter:blur(20px);border-bottom:1px solid var(--border)}.logo{display:flex;align-items:center;gap:12px;text-decoration:none}.logo-icon{width:42px;height:42px;background:linear-gradient(135deg,var(--blue),var(--cyan));clip-path:polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%);display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-weight:900;font-size:14px;color:#fff;flex-shrink:0}.logo-text{font-family:var(--font-display);font-weight:700;font-size:20px;color:var(--text);letter-spacing:.06em}.logo-text span{color:var(--cyan)}nav .nav-menu{list-style:none;display:flex;gap:clamp(8px,1vw,12px);align-items:center;justify-content:flex-end;flex-wrap:nowrap}nav .nav-menu a{text-decoration:none;color:var(--muted);font-family:var(--font-sans);font-size:11px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;transition:color .3s;white-space:nowrap}@media(min-width:1400px){nav .nav-menu{gap:16px}nav .nav-menu a{font-size:12px;letter-spacing:.05em}}nav .nav-menu a:hover{color:var(--cyan)}.nav-toggle{display:none;align-items:center;justify-content:center;width:44px;height:44px;background:#0057ff1f;border:1px solid var(--border);color:var(--text);border-radius:8px;cursor:pointer;flex-shrink:0}.nav-toggle-icon{display:flex;flex-direction:column;gap:5px;width:20px}.nav-toggle-icon span{display:block;height:2px;background:var(--text);border-radius:1px}.nav-cta{background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff!important;padding:9px 22px;border-radius:4px;font-weight:600!important;transition:opacity .3s,transform .2s!important}.nav-cta:hover{opacity:.85;transform:translateY(-1px);color:#fff!important}#hero{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:120px 5% 80px;background:#020814}.hero-bg{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;background:radial-gradient(ellipse 80% 60% at 68% 38%,rgba(0,87,255,.12),transparent 55%),radial-gradient(ellipse 50% 40% at 20% 80%,rgba(0,212,255,.06),transparent 50%),#020814}.hero-bg-perspective{position:absolute;left:-10%;right:-10%;bottom:-5%;height:50%;perspective:520px;mask-image:linear-gradient(180deg,transparent 0%,black 35%,black 100%)}.hero-bg-perspective:before{content:"";position:absolute;left:0;right:0;bottom:0;height:200%;background-image:linear-gradient(rgba(0,212,255,.22) 1px,transparent 1px),linear-gradient(90deg,rgba(0,212,255,.22) 1px,transparent 1px);background-size:56px 56px;transform-origin:center bottom;transform:rotateX(68deg);animation:perspectiveGridScroll 18s linear infinite}.hero-bg-perspective:after{content:"";position:absolute;left:0;right:0;bottom:42%;height:2px;background:linear-gradient(90deg,transparent,rgba(0,212,255,.55),transparent);box-shadow:0 0 24px #00d4ff66;animation:horizonPulse 4s ease-in-out infinite}.hero-bg-neural-cluster{position:absolute;right:6%;top:14%;width:min(52vw,560px);height:min(58vh,520px);background:radial-gradient(circle at 42% 38%,rgba(0,212,255,.18),transparent 22%),radial-gradient(circle at 68% 52%,rgba(0,87,255,.14),transparent 28%),radial-gradient(circle at 55% 68%,rgba(0,212,255,.1),transparent 32%);animation:neuralClusterPulse 6s ease-in-out infinite}.hero-bg-circuits{position:absolute;inset:0;opacity:.5;background:linear-gradient(118deg,transparent 58%,rgba(0,212,255,.12) 59%,rgba(0,212,255,.12) 59.3%,transparent 59.5%),linear-gradient(72deg,transparent 62%,rgba(0,87,255,.1) 63%,rgba(0,87,255,.1) 63.2%,transparent 63.4%),linear-gradient(165deg,transparent 48%,rgba(0,212,255,.08) 49%,transparent 49.2%);animation:circuitFlicker 8s ease-in-out infinite}.hero-bg-scan{position:absolute;inset:0;background:linear-gradient(105deg,transparent 42%,rgba(0,212,255,.06) 50%,transparent 58%);background-size:220% 100%;animation:heroScan 7s ease-in-out infinite;mix-blend-mode:screen;opacity:.8}.hero-bg-vignette{position:absolute;inset:0;background:radial-gradient(ellipse 90% 80% at 50% 50%,transparent 30%,rgba(2,8,20,.65) 100%),linear-gradient(180deg,rgba(2,8,20,.4) 0%,transparent 30%,rgba(2,8,20,.55) 100%)}@keyframes perspectiveGridScroll{0%{transform:rotateX(68deg) translateY(0)}to{transform:rotateX(68deg) translateY(56px)}}@keyframes horizonPulse{0%,to{opacity:.5}50%{opacity:1}}@keyframes neuralClusterPulse{0%,to{opacity:.55;transform:scale(1)}50%{opacity:1;transform:scale(1.04)}}@keyframes circuitFlicker{0%,to{opacity:.35}40%{opacity:.65}70%{opacity:.45}}@keyframes heroScan{0%{background-position:120% 0}to{background-position:-20% 0}}.hero-grid{position:absolute;inset:0;z-index:1;opacity:.28;background-image:linear-gradient(rgba(0,87,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(0,87,255,.05) 1px,transparent 1px);background-size:60px 60px;animation:gridMove 20s linear infinite;mask-image:linear-gradient(180deg,black 0%,black 55%,transparent 85%)}@keyframes gridMove{0%{transform:translateY(0)}to{transform:translateY(60px)}}.hero-orb{position:absolute;border-radius:50%;filter:blur(80px);animation:pulse 6s ease-in-out infinite;z-index:1}.hero-orb-1{width:500px;height:500px;background:radial-gradient(circle,rgba(0,87,255,.22),transparent 70%);top:-100px;right:-80px}.hero-orb-2{width:400px;height:400px;background:radial-gradient(circle,rgba(0,212,255,.15),transparent 70%);bottom:-50px;left:10%;animation-delay:-3s}.hero-orb-3{width:320px;height:320px;background:radial-gradient(circle,rgba(0,212,255,.2),transparent 70%);top:22%;right:18%;animation-delay:-1.5s;animation-duration:5s}@keyframes pulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.1);opacity:1}}.hero-content{text-align:center;position:relative;z-index:2;max-width:900px}.hero-badge{display:inline-flex;align-items:center;gap:8px;background:#0057ff26;border:1px solid rgba(0,87,255,.4);padding:6px 16px;border-radius:100px;font-size:12px;color:var(--cyan);letter-spacing:2px;text-transform:uppercase;margin-bottom:28px;animation:fadeDown .8s ease both}.hero-badge:before{content:"";width:6px;height:6px;background:var(--cyan);border-radius:50%;animation:blink 1.5s ease infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.2}}h1{font-family:var(--font-display);font-size:clamp(48px,8vw,88px);font-weight:800;line-height:1.02;letter-spacing:-.035em;margin-bottom:8px;animation:fadeDown .8s .2s ease both}.h1-main{color:var(--text);display:block}.h1-accent{display:block;background:linear-gradient(90deg,var(--blue-bright),var(--cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-tagline{font-family:var(--font-display);font-size:clamp(18px,3vw,26px);font-weight:600;color:var(--gold);letter-spacing:4px;text-transform:uppercase;margin-bottom:24px;animation:fadeDown .8s .3s ease both}.hero-desc{color:var(--muted);font-size:17px;line-height:1.7;max-width:620px;margin:0 auto 40px;animation:fadeDown .8s .4s ease both}.hero-btns{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;animation:fadeDown .8s .5s ease both}.btn-primary{background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff;font-family:var(--font-sans);padding:16px 36px;border-radius:8px;font-weight:600;font-size:15px;text-decoration:none;letter-spacing:.04em;transition:transform .2s,box-shadow .3s;box-shadow:var(--glow)}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 0 60px #0057ff99}.btn-outline{border:1.5px solid var(--border);color:var(--text);font-family:var(--font-sans);padding:16px 36px;border-radius:8px;font-weight:600;font-size:15px;text-decoration:none;letter-spacing:.04em;transition:border-color .3s,background .3s}.btn-outline:hover{border-color:var(--cyan);background:#00d4ff12}.hero-stats{display:flex;justify-content:center;gap:60px;margin-top:72px;padding-top:40px;border-top:1px solid var(--border);animation:fadeDown .8s .6s ease both;flex-wrap:wrap}.stat-item{text-align:center}.stat-num{font-family:var(--font-mono);font-size:36px;font-weight:900;background:linear-gradient(135deg,var(--blue-bright),var(--cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{font-size:12px;color:var(--muted);letter-spacing:2px;text-transform:uppercase;margin-top:4px}@keyframes fadeDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}section{padding:100px 5%;position:relative}.section-label{font-size:11px;letter-spacing:4px;text-transform:uppercase;color:var(--cyan);margin-bottom:12px;font-weight:600}.section-title{font-family:var(--font-display);font-size:clamp(32px,5vw,52px);font-weight:800;line-height:1.12;letter-spacing:-.025em;margin-bottom:16px}.section-title span{background:linear-gradient(90deg,var(--blue-bright),var(--cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-sub{color:var(--muted);font-size:16px;line-height:1.7;max-width:560px}#products{background:var(--surface)}.products-header{text-align:center;margin-bottom:64px}.products-header .section-sub{margin:0 auto}.products-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:28px;max-width:1200px;margin:0 auto}.product-card{background:var(--bg);border:1px solid var(--border);border-radius:16px;overflow:hidden;transition:transform .3s,box-shadow .3s,border-color .3s;position:relative}.product-card:hover{transform:translateY(-8px);box-shadow:var(--glow);border-color:#0057ff80}.product-card.featured{border-color:var(--cyan);box-shadow:var(--glow-cyan)}.product-card.featured:before{content:"FLAGSHIP";position:absolute;top:16px;right:16px;background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff;font-size:10px;font-weight:700;letter-spacing:2px;padding:4px 10px;border-radius:100px}.card-header{padding:28px 28px 20px;border-bottom:1px solid var(--border)}.product-media{position:relative;padding:18px 22px 0;cursor:pointer}.product-media-heading{position:absolute;inset:18px 22px 0;z-index:3;margin:0;border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:1.25rem 1rem;font-size:clamp(1.15rem,2.8vw,1.65rem);line-height:1.2;color:var(--text);background:linear-gradient(180deg,#040712f0,#040712c7);border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 1px #ffffff0f;pointer-events:none;transition:opacity .35s ease}.product-media-hint{display:block;margin-top:10px;font-family:var(--font-sans);font-size:10px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}.product-media.is-hover .product-media-heading{opacity:0}@media(prefers-reduced-motion:reduce){.product-media.is-hover .product-media-heading{opacity:1}}.product-media-video{width:100%;aspect-ratio:9 / 16;max-height:550px;border-radius:14px;object-fit:cover;display:block;position:relative;z-index:1;border:1px solid rgba(255,255,255,.1);box-shadow:0 18px 50px #00000059;background:#00000059}.product-media-overlay{position:absolute;inset:18px 22px 0;z-index:2;border-radius:14px;pointer-events:none;background:radial-gradient(600px circle at 50% 15%,rgba(0,212,255,.1),transparent 55%);opacity:.85;transition:opacity .35s ease}.product-media.is-hover .product-media-overlay{opacity:.35}.product-media.is-hover .product-media-video{transform:translateY(-2px);transition:transform .35s ease}.card-icon{width:52px;height:52px;background:linear-gradient(135deg,var(--blue),var(--cyan));border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:16px}.card-title{font-family:var(--font-display);font-size:22px;font-weight:800;margin-bottom:6px}.card-subtitle{color:var(--muted);font-size:14px;line-height:1.5}.card-body{padding:24px 28px}.feature-list{list-style:none;margin-bottom:24px}.feature-list li{display:flex;align-items:flex-start;gap:10px;font-size:14px;color:var(--muted);padding:7px 0;border-bottom:1px solid rgba(255,255,255,.04);line-height:1.5}.feature-list li:last-child{border-bottom:none}.feature-list li:before{content:"✓";color:var(--cyan);font-weight:700;flex-shrink:0;margin-top:1px}#packages{background:var(--bg)}.packages-layout{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start;max-width:1200px;margin:0 auto}.packages-grid{display:grid;gap:14px}.pkg-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;transition:border-color .3s,background .3s;cursor:pointer}.pkg-card:hover{border-color:var(--blue);background:#0057ff14}.pkg-card.highlight{border-color:var(--gold);background:#f0b4290d}.pkg-name{font-family:var(--font-display);font-size:16px;font-weight:700}.pkg-includes{font-size:12px;color:var(--muted);margin-top:2px}.pkg-price{font-family:var(--font-mono);font-size:20px;font-weight:700;color:var(--cyan)}.pkg-card.highlight .pkg-price{color:var(--gold)}.pos-features{margin-top:28px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.pos-feat{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted)}.pos-feat:before{content:"▸";color:var(--blue-bright)}#erp{background:var(--surface)}#microfinance{background:var(--bg)}.erp-layout{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;max-width:1200px;margin:0 auto}.erp-visual{background:var(--bg);border:1px solid var(--border);border-radius:16px;padding:32px;position:relative;overflow:hidden}.erp-visual:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle at 70% 30%,rgba(0,87,255,.1),transparent 60%);pointer-events:none}.erp-badge{display:inline-flex;align-items:center;gap:8px;background:#f0b42926;border:1px solid rgba(240,180,41,.4);color:var(--gold);padding:6px 14px;border-radius:100px;font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;margin-bottom:20px}.erp-title{font-family:var(--font-display);font-size:40px;font-weight:800;color:var(--gold);margin-bottom:8px;text-shadow:0 0 30px rgba(240,180,41,.4);letter-spacing:-.02em}.erp-sub{color:var(--muted);font-size:14px;margin-bottom:24px}.erp-modules{display:grid;grid-template-columns:1fr 1fr;gap:10px}.erp-mod{background:#0057ff14;border:1px solid rgba(0,87,255,.2);border-radius:8px;padding:12px 14px;font-size:13px;color:var(--text);font-weight:500}.erp-mod span{display:block;font-size:11px;color:var(--muted);margin-top:2px}#about{background:var(--bg)}.about-layout{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;max-width:1200px;margin:0 auto}.about-visual{position:relative}.about-card-main{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:36px;position:relative;overflow:hidden}.about-card-main:after{content:"";position:absolute;bottom:-30px;right:-30px;width:150px;height:150px;background:radial-gradient(circle,rgba(0,212,255,.15),transparent 70%);border-radius:50%}.about-logo-big{font-family:var(--font-display);font-size:56px;font-weight:800;background:linear-gradient(135deg,var(--blue-bright),var(--cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:8px}.about-card-sub{color:var(--muted);font-size:13px;letter-spacing:2px;text-transform:uppercase;margin-bottom:24px}.about-location{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--muted)}.about-location:before{content:"📍"}.values-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:32px}.value-item{background:var(--surface2);border:1px solid var(--border);border-radius:10px;padding:16px}.value-icon{font-size:24px;margin-bottom:8px}.value-name{font-family:var(--font-display);font-size:14px;font-weight:700;margin-bottom:4px}.value-desc{font-size:12px;color:var(--muted);line-height:1.5}#contact{background:var(--surface)}.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:60px;max-width:1100px;margin:0 auto}.contact-item{display:flex;align-items:center;gap:16px;margin-bottom:24px}.contact-icon{width:48px;height:48px;background:#0057ff26;border:1px solid var(--border);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.contact-label{font-size:12px;color:var(--muted);letter-spacing:1px;text-transform:uppercase}.contact-value{font-size:16px;font-weight:600;margin-top:2px}.social-row{display:flex;gap:12px;margin-top:32px}.social-btn{background:#0057ff1a;border:1px solid var(--border);color:var(--text);padding:10px 20px;border-radius:8px;font-size:14px;text-decoration:none;transition:all .3s;display:flex;align-items:center;gap:8px}.social-btn:hover{background:#0057ff33;border-color:var(--blue)}.contact-form{background:var(--bg);border:1px solid var(--border);border-radius:16px;padding:36px}.form-title{font-family:var(--font-display);font-size:22px;font-weight:800;margin-bottom:24px}.form-group{margin-bottom:18px}.form-group label{display:block;font-size:12px;color:var(--muted);letter-spacing:1px;text-transform:uppercase;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{width:100%;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:12px 16px;color:var(--text);font-size:14px;font-family:var(--font-sans);transition:border-color .3s;outline:none}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #0057ff1a}.form-group select option{background:var(--surface2)}.form-group textarea{resize:vertical;min-height:100px}.form-submit{width:100%;background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff;border:none;border-radius:8px;padding:15px;font-size:15px;font-weight:700;letter-spacing:1px;cursor:pointer;transition:opacity .3s,transform .2s;font-family:var(--font-sans)}.form-submit:hover{opacity:.85;transform:translateY(-2px)}.form-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-submit--whatsapp{background:linear-gradient(135deg,#128c7e,#25d366)}.form-submit--email{background:transparent;border:1px solid rgba(0,212,255,.45);color:var(--cyan)}.form-submit--email:hover{background:#00d4ff14;opacity:1}.form-required{color:var(--cyan)}.form-error{margin:0 0 16px;padding:10px 12px;border-radius:8px;font-size:13px;line-height:1.45;color:#ffb4b4;background:#ff50501a;border:1px solid rgba(255,120,120,.25)}.form-error[hidden]{display:none}.form-hint{margin:14px 0 0;font-size:12px;line-height:1.5;color:var(--muted);text-align:center}.form-group input[aria-invalid=true],.form-group textarea[aria-invalid=true]{border-color:#ff78788c}@media(max-width:520px){.form-actions{grid-template-columns:1fr}}footer{background:var(--bg);border-top:1px solid var(--border);padding:40px 5%;text-align:center}.footer-logo{font-family:var(--font-display);font-size:28px;font-weight:800;background:linear-gradient(135deg,var(--blue-bright),var(--cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:8px}.footer-tagline{color:var(--muted);font-size:13px;letter-spacing:3px;text-transform:uppercase;margin-bottom:24px}.footer-links{display:flex;justify-content:center;gap:16px 20px;margin-bottom:24px;flex-wrap:wrap;max-width:900px;margin-left:auto;margin-right:auto}.footer-links a{color:var(--muted);text-decoration:none;font-size:13px;transition:color .3s}.footer-links a:hover{color:var(--cyan)}.footer-social{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 18px;margin-bottom:20px}.footer-social a{font-size:13px;color:var(--muted);text-decoration:none;transition:color .25s}.footer-social a:hover{color:var(--cyan)}.footer-copy{font-size:12px;color:#6b8cba80}.reveal{opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:translateY(0)}@media(max-width:768px){.nav-toggle{display:flex}nav .nav-menu{position:fixed;top:72px;left:0;right:0;flex-direction:column;gap:0!important;align-items:stretch;background:#020814fa;backdrop-filter:blur(20px);border-bottom:1px solid var(--border);padding:8px 5% 20px;display:none}nav .nav-menu.is-open{display:flex}nav .nav-menu li{border-top:1px solid rgba(255,255,255,.06)}nav .nav-menu a{display:block;padding:14px 0}.packages-layout,.erp-layout,.about-layout,.contact-layout{grid-template-columns:1fr;gap:40px}.hero-stats{gap:32px}.products-grid,.erp-modules,.values-grid{grid-template-columns:1fr}}.skip-link{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}.page-hero{position:relative;padding:100px 5% 48px;text-align:center;overflow:hidden}.page-hero-mesh{position:absolute;inset:-40%;background:conic-gradient(from 120deg at 50% 40%,rgba(0,87,255,.12),transparent 35%,rgba(0,212,255,.08) 55%,transparent 75%,rgba(0,87,255,.1));animation:meshSpin 28s linear infinite;pointer-events:none;opacity:.85}.page-hero-inner{position:relative;z-index:1;max-width:720px;margin:0 auto}.page-title{font-family:var(--font-display);font-size:clamp(32px,5vw,48px);font-weight:800;line-height:1.15;letter-spacing:-.03em;margin-bottom:16px}.page-title span{background:linear-gradient(90deg,var(--blue-bright),var(--cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-lead{font-family:var(--font-sans);color:var(--muted);font-size:17px;line-height:1.65;font-weight:400}.page-section{padding:0 5% 100px;max-width:1100px;margin:0 auto}.page-section.narrow{max-width:760px}@keyframes meshSpin{to{transform:rotate(360deg)}}.hero-mesh{position:absolute;inset:-30%;background:conic-gradient(from 200deg at 65% 42%,rgba(0,87,255,.14),transparent 40%,rgba(0,212,255,.1) 60%,transparent 80%);animation:meshSpin 36s linear infinite;pointer-events:none;opacity:.35;z-index:1}.hero-brand-line{font-family:var(--font-display);font-size:11px;font-weight:600;letter-spacing:.35em;text-transform:uppercase;color:var(--muted);margin-bottom:12px;animation:fadeDown .8s .05s ease both}.hero-particles{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:1}.hero-particles span{position:absolute;width:3px;height:3px;background:#00d4ff73;border-radius:50%;box-shadow:0 0 8px #00d4ff99;animation:particleFloat 14s ease-in-out infinite}.hero-bokeh{width:140px;height:140px;background:radial-gradient(circle,rgba(0,140,255,.2),transparent 70%);box-shadow:none;filter:blur(2px);animation:bokehDrift 18s ease-in-out infinite}.hero-bokeh--1{left:70%;top:28%;width:180px;height:180px;animation-delay:0s}.hero-bokeh--2{left:82%;top:55%;width:100px;height:100px;animation-delay:-4s}.hero-bokeh--3{left:58%;top:62%;width:220px;height:220px;opacity:.35;animation-delay:-8s}.hero-node{width:6px;height:6px;background:#00d4ffe6;box-shadow:0 0 10px #00d4ffcc,0 0 20px #0057ff66;animation:nodePulse 3s ease-in-out infinite}.hero-node--1{left:62%;top:30%;animation-delay:0s;width:8px;height:8px}.hero-node--2{left:74%;top:38%;animation-delay:-.8s}.hero-node--3{left:68%;top:52%;animation-delay:-1.6s;width:7px;height:7px}.hero-node--4{left:80%;top:48%;animation-delay:-2.4s}.hero-node--5{left:58%;top:58%;animation-delay:-1.2s}.hero-node--6{left:72%;top:64%;animation-delay:-2s;width:5px;height:5px}@keyframes nodePulse{0%,to{transform:scale(1);opacity:.45}50%{transform:scale(1.5);opacity:1}}@keyframes bokehDrift{0%,to{transform:translate(0) scale(1);opacity:.35}50%{transform:translate(-16px,12px) scale(1.08);opacity:.65}}.hero-particles span:nth-child(10){left:12%;top:22%;animation-delay:0s}.hero-particles span:nth-child(11){left:78%;top:18%;animation-delay:-2s}.hero-particles span:nth-child(12){left:64%;top:72%;animation-delay:-4s}.hero-particles span:nth-child(13){left:28%;top:68%;animation-delay:-6s}.hero-particles span:nth-child(14){left:88%;top:48%;animation-delay:-1s}.hero-particles span:nth-child(15){left:8%;top:52%;animation-delay:-3s}@keyframes particleFloat{0%,to{transform:translate(0) scale(1);opacity:.5}50%{transform:translate(12px,-20px) scale(1.2);opacity:1}}.reveal-stagger>.reveal:nth-child(1){transition-delay:0s}.reveal-stagger>.reveal:nth-child(2){transition-delay:.08s}.reveal-stagger>.reveal:nth-child(3){transition-delay:.16s}.reveal-stagger>.reveal:nth-child(4){transition-delay:.24s}.reveal-stagger>.reveal:nth-child(5){transition-delay:.32s}.reveal-stagger>.reveal:nth-child(6){transition-delay:.4s}nav .nav-menu a.is-active{color:var(--cyan)}nav .nav-menu a.is-active.nav-cta{color:#fff!important;box-shadow:0 0 20px #00d4ff59}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}.portfolio-card{background:var(--bg);border:1px solid var(--border);border-radius:16px;padding:24px;position:relative;overflow:hidden;transition:transform .35s ease,border-color .35s,box-shadow .35s;scroll-margin-top:96px}.portfolio-card:hover{transform:translateY(-6px);border-color:#0057ff73;box-shadow:var(--glow)}.portfolio-card:before{content:"";position:absolute;inset:-2px;background:radial-gradient(550px circle at var(--mx, 50%) var(--my, 25%),rgba(0,212,255,.12),rgba(0,87,255,.08),transparent 55%);opacity:0;transition:opacity .35s ease;pointer-events:none}.portfolio-card:hover:before{opacity:1}@keyframes cardFloat{0%{transform:translateY(0)}50%{transform:translateY(-4px)}to{transform:translateY(0)}}.portfolio-card:hover{animation:cardFloat 1.8s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.portfolio-card:hover{animation:none}}.portfolio-card-icon{font-size:32px;margin-bottom:12px}.portfolio-card-icon--featured{width:4.75rem;height:4.75rem;flex-shrink:0;display:flex;align-items:center;justify-content:center;margin-bottom:1.15rem;font-size:unset;border-radius:14px;background:linear-gradient(145deg,#00d4ff29,#0057ff17);border:1px solid rgba(0,212,255,.32);color:var(--cyan);box-shadow:0 6px 28px #00000038;transition:border-color .35s ease,box-shadow .35s ease,color .35s ease}.portfolio-card:hover .portfolio-card-icon--featured{border-color:#00d4ff7a;color:#5ce8ff;box-shadow:0 8px 32px #00d4ff1f}.portfolio-card-icon--featured .what-we-do-icon-svg{width:2.65rem;height:2.65rem}@keyframes techIconBob{0%{transform:translateY(0) scale(1)}50%{transform:translateY(-4px) scale(1.01)}to{transform:translateY(0) scale(1)}}.portfolio-card-icon--techicon{width:8.5rem;height:8.5rem;padding:.8rem;margin-bottom:1.05rem;margin-left:auto;margin-right:auto;display:flex;align-items:center;justify-content:center;border-radius:18px;background:linear-gradient(145deg,#00d4ff1a,#0057ff0f);border:1px solid rgba(0,212,255,.22);box-shadow:0 10px 36px #00000059,inset 0 1px #ffffff14;animation:techIconBob 3.2s ease-in-out infinite}.what-tech-icon-img{width:100%;height:100%;object-fit:contain;display:block;filter:drop-shadow(0 10px 22px rgba(0,0,0,.35));opacity:.95;transition:transform .35s ease,opacity .35s ease,filter .35s ease}.portfolio-card:hover .what-tech-icon-img{transform:scale(1.06) rotate(-1.5deg);opacity:1;filter:drop-shadow(0 14px 26px rgba(0,0,0,.45))}.portfolio-card-icon--sticker{width:10rem;height:10rem;padding:.65rem;margin-bottom:1.15rem;font-size:unset;border-radius:18px;margin-left:auto;margin-right:auto;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,#ffffff1a,#ffffff05);border:1px solid rgba(255,255,255,.12);box-shadow:0 10px 36px #00000059,inset 0 1px #ffffff14;transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease}.portfolio-card:hover .portfolio-card-icon--sticker{transform:scale(1.04);border-color:#00d4ff59;box-shadow:0 14px 42px #0006,0 0 0 1px #00d4ff1f}.what-we-do-sticker-img{width:100%;height:100%;object-fit:contain;display:block;filter:drop-shadow(0 10px 22px rgba(0,0,0,.35))}@media(prefers-reduced-motion:reduce){.portfolio-card-icon--techicon{animation:none}}.flaticon-attribution{max-width:1200px;margin:2rem auto 0;padding:0 1.25rem;text-align:center;font-size:12px;line-height:1.5;color:var(--muted)}.flaticon-attribution a{color:var(--cyan);text-decoration:underline;text-underline-offset:3px}.flaticon-attribution a:hover{color:#5ce8ff}.portfolio-card h2{font-family:var(--font-display);font-size:20px;font-weight:800;margin-bottom:8px}.portfolio-card p{color:var(--muted);font-size:14px;line-height:1.55;margin-bottom:14px}.tag-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.tag{font-size:11px;letter-spacing:.5px;text-transform:uppercase;color:var(--cyan);border:1px solid rgba(0,212,255,.35);padding:4px 10px;border-radius:100px}#what-services{background:var(--surface)}#what-tech{background:var(--bg)}.what-we-do-grid{max-width:1200px;margin-left:auto;margin-right:auto}.tech-logo-strip{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 12px;max-width:1200px;margin:48px auto 0;padding-top:40px;border-top:1px solid var(--border)}.clients-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;margin-bottom:40px}.clients-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:24px;transition:border-color .3s,transform .25s ease}.clients-card:hover{border-color:#0057ff66;transform:translateY(-3px)}.clients-card-icon{font-size:28px;margin-bottom:12px}.clients-card h2{font-family:var(--font-display);font-size:18px;font-weight:700;margin-bottom:8px;color:var(--text)}.clients-card p{font-size:14px;color:var(--muted);line-height:1.55;margin:0}.client-logos{margin:44px auto 40px;max-width:1200px}.client-logos-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;align-items:center}.client-logo-tile{height:92px;display:flex;align-items:center;justify-content:center;border-radius:14px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);transition:transform .25s ease,border-color .3s ease,box-shadow .3s ease,filter .3s ease}.client-logo-tile img{max-width:78%;max-height:58px;width:auto;height:auto;object-fit:contain;filter:grayscale(1) brightness(.9) contrast(1.05);opacity:.9}.client-logo-tile:hover{transform:translateY(-2px);border-color:#00d4ff40;box-shadow:0 12px 34px #00000059}.client-logo-tile:hover img{filter:grayscale(0) brightness(1) contrast(1.02);opacity:1}.service-block{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:32px;margin-bottom:28px}.service-block h2{font-family:var(--font-display);font-size:24px;font-weight:800;margin-bottom:8px;display:flex;align-items:center;gap:12px}.service-block .lead{color:var(--gold);font-size:14px;letter-spacing:2px;text-transform:uppercase;margin-bottom:16px}.service-block-alt{background:var(--bg)!important}.cta-strip{background:linear-gradient(135deg,#0057ff33,#00d4ff14);border:1px solid var(--border);border-radius:16px;padding:40px 5%;text-align:center;max-width:900px;margin:0 auto 100px}.cta-strip h2{font-family:var(--font-display);font-size:clamp(24px,4vw,34px);font-weight:800;margin-bottom:12px}.cta-strip p{color:var(--muted);margin-bottom:24px;max-width:520px;margin-left:auto;margin-right:auto}.text-link{color:var(--cyan);text-decoration:none;font-weight:600}.text-link:hover{text-decoration:underline}@media(max-width:768px){.portfolio-grid,.clients-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.hero-grid,.hero-mesh,.page-hero-mesh,.hero-particles span,.hero-bokeh,.hero-node,.hero-bg-perspective:before,.hero-bg-perspective:after,.hero-bg-neural-cluster,.hero-bg-circuits,.hero-bg-scan{animation:none!important}.reveal{opacity:1!important;transform:none!important;transition:none!important}html{scroll-behavior:auto}}.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}