*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;width:100%;overflow-x:hidden;font-size:16px}body{background:#050505;color:#fff;overflow-x:hidden;font-family:Barlow,sans-serif}img,svg{display:block;max-width:100%}a{text-decoration:none}button{cursor:pointer}#root{width:100%;max-width:100%;overflow-x:clip}:root{--ac: #38bdf8;--ac-dim: #0ea5e9;--ac-light: #7dd3fc;--ac-glow: rgba(56, 189, 248, .14);--ac-subtle: rgba(56, 189, 248, .07);--bg1: #050505;--bg2: #0b0b0b;--bdr: #1e1e1e;--muted: #666666;--card: #0e0e0e;--text: #ffffff;--font-head: "Barlow Condensed", sans-serif;--font-body: "Barlow", sans-serif}::selection{background:var(--ac);color:#020617}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:var(--bg1)}::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:2px}@keyframes marqueeScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes floatAnim{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes traceMount{0%{stroke-dashoffset:1400}to{stroke-dashoffset:0}}@keyframes pulseGlow{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.grid-lines{background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:60px 60px}@media (max-width: 900px){.desk-nav{display:none!important}.mob-btn{display:flex!important}.hero-sub{grid-template-columns:1fr!important}.hero-chart{display:none!important}.svc-g,.port-g{grid-template-columns:1fr!important}.proc-g{grid-template-columns:1fr!important;gap:3rem!important}.why-g{grid-template-columns:1fr!important}.stats-g{grid-template-columns:1fr 1fr!important}.cta-btns{flex-direction:column;align-items:center}.cta-details{gap:2rem!important}}@media (min-width: 901px){.mob-btn,.mob-menu{display:none!important}}.reveal{opacity:0;transform:translateY(40px);transition:opacity .75s ease,transform .75s ease}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-left{opacity:0;transform:translate(-44px);transition:opacity .75s ease,transform .75s ease}.reveal-left.visible{opacity:1;transform:translate(0)}.reveal-right{opacity:0;transform:translate(44px);transition:opacity .75s ease,transform .75s ease}.reveal-right.visible{opacity:1;transform:translate(0)}.svc-card{background:var(--card);padding:2.8rem 2.5rem;position:relative;overflow:hidden;transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease,background .35s ease;border-top:1px solid transparent}.svc-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,var(--ac-glow) 0%,transparent 55%);opacity:0;transition:opacity .35s ease;pointer-events:none}.svc-card:hover{transform:translateY(-5px);background:#111;border-top-color:var(--ac);box-shadow:0 24px 64px #38bdf80f}.svc-card:hover:before{opacity:1}.port-card{background:var(--card);overflow:hidden;transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease;cursor:pointer}.port-card:hover{transform:translateY(-6px);box-shadow:0 24px 60px #00000080}.port-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.92) 0%,transparent 60%);display:flex;align-items:flex-end;padding:1.2rem 1.4rem;opacity:0;transition:opacity .35s ease}.port-card:hover .port-overlay{opacity:1}.port-brand-name{transition:opacity .35s ease;opacity:.3}.port-card:hover .port-brand-name{opacity:.9}.proc-step{display:flex;gap:1.5rem;padding:1.8rem 0;transition:all .3s ease;cursor:default}.proc-num{font-family:var(--font-head);font-weight:800;font-size:1.25rem;color:#2a2a2a;min-width:44px;transition:color .3s ease}.proc-title{font-family:var(--font-head);font-weight:800;font-size:1.15rem;letter-spacing:.05em;text-transform:uppercase;color:#aaa;margin-bottom:.5rem;transition:color .3s ease}.proc-step:hover .proc-num{color:var(--ac)}.proc-step:hover .proc-title{color:#fff}.why-card{padding:2.8rem 2.5rem;transition:background .3s ease}.why-card:hover{background:#0f0f0f}.why-title{font-family:var(--font-head);font-weight:800;font-size:1.3rem;text-transform:uppercase;letter-spacing:.05em;color:#fff;margin-bottom:.8rem;transition:color .3s ease}.why-card:hover .why-title{color:var(--ac)}
