*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--v:#672de6;--vd:#672de61f;--vg:#672de673;--bg:#050407;--bg2:#080610;--ink:#0b0912;--w:#fff;--g:#c5c4ce;--g2:#2a2535;--dim:#3d3850;--mono:"Share Tech Mono", monospace;--orb:"Orbitron", sans-serif;--body:"Inter Tight", sans-serif;--rail:260px}html{scroll-behavior:smooth;height:100%}body{background:var(--bg);color:var(--w);font-family:var(--body);scrollbar-width:.01px;min-height:100%;overflow-x:hidden}body::-webkit-scrollbar{display:none}#c{background:var(--v);pointer-events:none;z-index:9999;border-radius:50%;width:6px;height:6px;transition:transform 80ms;position:fixed;transform:translate(-50%,-50%)}#cr{pointer-events:none;z-index:9998;border:1px solid #672de680;width:28px;height:28px;transition:width .3s,height .3s,border-color .3s;position:fixed;transform:translate(-50%,-50%)}#cr.big{border-color:var(--v);width:50px;height:50px}#scan{z-index:9990;pointer-events:none;opacity:.4;background:repeating-linear-gradient(#0000 0 3px,#00000014 3px 4px);position:fixed;inset:0}#rail{width:var(--rail);border-right:1px solid var(--g2);z-index:100;background:var(--bg);flex-direction:column;padding:2rem 0;display:flex;position:fixed;top:0;bottom:0;left:0}.rail-logo{border-bottom:1px solid var(--g2);padding:0 2rem 2.5rem}.logo-svg{width:6em;height:auto;margin-bottom:.75rem;display:block}.logo-name{font-family:var(--orb);letter-spacing:.35em;color:var(--w);text-transform:uppercase;font-size:.65rem;font-weight:700;display:block}.logo-tag{font-family:var(--mono);color:var(--g);letter-spacing:.08em;margin-top:.25rem;font-size:.52rem;line-height:1.6;display:block}.rail-nav{flex:1;padding:2rem 0;overflow-y:auto}.rail-nav-item{font-family:var(--mono);letter-spacing:.15em;color:var(--g);text-transform:uppercase;border-left:2px solid #0000;align-items:center;gap:.85rem;padding:1.2rem 2rem;font-size:1rem;text-decoration:none;transition:color .25s;display:flex;position:relative}.rail-nav-item:before{content:"";background:#672de60f;width:0;transition:width .3s;position:absolute;top:0;bottom:0;left:0}.rail-nav-item:hover,.rail-nav-item.active{color:var(--w);border-left-color:var(--v)}.rail-nav-item:hover:before,.rail-nav-item.active:before{width:100%}.rail-idx{font-family:var(--mono);color:var(--dim);min-width:1.2rem;font-size:.5rem}.rail-bottom{border-top:1px solid var(--g2);padding:1.5rem 2rem}.rail-coord{font-family:var(--mono);color:var(--dim);font-size:.5rem;line-height:2}.rail-coord span{color:var(--v)}.rail-status{align-items:center;gap:.5rem;margin-top:.75rem;display:flex}.status-dot{background:var(--v);border-radius:50%;width:5px;height:5px;animation:2s ease-in-out infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:.2}}.status-text{font-family:var(--mono);color:var(--g);font-size:.5rem}#main{margin-left:var(--rail);min-height:100vh;position:relative}#hero{align-items:flex-end;height:100vh;display:flex;position:relative;overflow:hidden}#terrain{width:100%;height:100%;position:absolute;inset:0}.hero-gradient{background:linear-gradient(to right, var(--bg) 0%, transparent 35%), linear-gradient(to top, var(--bg) 0%, transparent 50%);z-index:1;position:absolute;inset:0}.hero-content{z-index:2;max-width:820px;padding:0 5rem 6rem;position:relative}.hero-pre{font-family:var(--mono);letter-spacing:.3em;color:var(--v);text-transform:uppercase;align-items:center;gap:1rem;margin-bottom:1.5rem;font-size:.6rem;display:flex}.hero-pre:before{content:"";background:var(--v);width:40px;height:1px}.hero-h1{font-family:var(--orb);letter-spacing:-.02em;margin-bottom:1rem;font-size:clamp(3.2rem,7vw,6.5rem);font-weight:900;line-height:1.2}.hero-h1 strong,.hero-h1 em{background:linear-gradient(90deg, #a87cff 0%, var(--v) 25%, #fff 50%, #ffffff80 100%);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;font-style:normal;display:block}.hero-sub{color:var(--g);letter-spacing:.02em;max-width:460px;margin-bottom:3rem;font-size:1rem;font-weight:200;line-height:1.9}.hero-btns{align-items:center;gap:1.2rem;display:flex}.btn-cut{font-family:var(--orb);letter-spacing:.2em;text-transform:uppercase;background:var(--v);color:#fff;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px));border:none;padding:.85rem 2.2rem;font-size:.65rem;font-weight:700;text-decoration:none;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 0 40px #672de64d}.btn-cut:before{content:"";background:linear-gradient(135deg,#0000 40%,#ffffff14 50%,#0000 60%);transition:transform .5s;position:absolute;inset:0;transform:translate(-100%)}.btn-cut:hover{transform:translateY(-2px);box-shadow:0 0 70px #672de680}.btn-cut:hover:before{transform:translate(100%)}.btn-ghost{font-family:var(--orb);letter-spacing:.2em;text-transform:uppercase;color:var(--g);border:1px solid var(--g2);background:0 0;padding:.85rem 2.2rem;font-size:.65rem;font-weight:500;text-decoration:none;transition:all .3s}.btn-ghost:hover{border-color:var(--v);color:#fff}.hero-corner{z-index:2;font-family:var(--mono);color:var(--dim);text-align:right;font-size:.5rem;line-height:2;position:absolute;top:2rem;right:2rem}.hero-corner span{display:block}.hero-vline{z-index:1;background:linear-gradient(to bottom, transparent, var(--g2) 30%, var(--g2) 70%, transparent);width:1px;position:absolute;top:0;bottom:0;right:5rem}.section{padding:8rem 5rem;position:relative;overflow:hidden}.section-num{font-family:var(--orb);color:#0000;-webkit-text-stroke:1px #672de612;letter-spacing:-.05em;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0;font-size:clamp(8rem,15vw,18rem);font-weight:900;line-height:1;position:absolute;top:-2rem;left:-1rem}.section-header{z-index:1;margin-bottom:5rem;position:relative}.section-kicker{font-family:var(--mono);letter-spacing:.35em;color:var(--v);text-transform:uppercase;align-items:center;gap:.75rem;margin-bottom:1rem;font-size:.58rem;display:flex}.section-kicker:before{content:"//";color:var(--dim)}.section-title{font-family:var(--orb);letter-spacing:-.01em;font-size:clamp(2rem,4vw,3.2rem);font-weight:700;line-height:1.1}.section-title .accent{color:var(--v)}.section-rule{background:var(--v);width:60px;height:1px;margin-top:1.5rem}#about{background:var(--bg)}#about:before{content:"";background:linear-gradient(to right, transparent, var(--v), transparent);height:1px;position:absolute;top:0;left:0;right:0}.about-layout{z-index:1;grid-template-columns:1fr 1fr;gap:6rem;display:grid;position:relative}.about-big{font-family:var(--orb);letter-spacing:-.04em;color:#0000;-webkit-text-stroke:1px var(--g2);margin-bottom:3rem;font-size:clamp(4rem,8vw,8rem);font-weight:900;line-height:.9;position:relative}.about-big .fill{color:var(--v);-webkit-text-stroke:1px #672de659;display:block}.about-big .fill2{color:var(--w);background:linear-gradient(135deg,#fff,#fff);-webkit-text-stroke:0px;-webkit-background-clip:text;background-clip:text;display:block}.about-tagline{font-family:var(--mono);letter-spacing:.2em;color:var(--v);text-transform:uppercase;border-left:2px solid var(--v);margin-bottom:2.5rem;padding-left:1rem;font-size:.58rem;line-height:2}.about-body{color:var(--g);margin-bottom:1.5rem;font-size:.98rem;font-weight:200;line-height:2}.about-body strong{color:#ffffffb3;font-weight:400}.about-metrics{background:var(--g2);border:1px solid var(--g2);grid-template-columns:1fr 1fr;gap:1px;margin-top:3rem;display:grid}.metric{background:var(--bg);padding:1.5rem;position:relative;overflow:hidden}.metric:after{content:"";background:var(--v);width:0;height:1px;transition:width .5s;position:absolute;bottom:0;left:0}.metric:hover:after{width:100%}.metric-n{font-family:var(--orb);color:var(--w);margin-bottom:.25rem;font-size:2rem;font-weight:900;display:block}.metric-n sup{color:var(--v);font-size:.8rem}.metric-l{font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--dim);font-size:.5rem}#services{background:var(--bg2)}#services:before{content:"";background:linear-gradient(to right, transparent, var(--g2) 20%, var(--g2) 80%, transparent);height:1px;position:absolute;top:0;left:0;right:0}.svc-grid{background:var(--g2);border:1px solid var(--g2);z-index:1;grid-template-columns:repeat(3,1fr);gap:1px;display:grid;position:relative}.svc-empty{background:var(--bg2)}.svc{background:var(--bg2);padding:2.5rem 2rem;transition:background .35s;position:relative;overflow:hidden}.svc:before{content:"";opacity:0;background:conic-gradient(from 180deg,#0000 0deg,#672de60a 180deg,#0000 360deg);width:300%;height:300%;transition:opacity .4s;animation:8s linear infinite rotateBg;position:absolute;top:-100%;left:-100%}.svc:hover{background:#672de60a}.svc:hover:before{opacity:1}@keyframes rotateBg{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.svc-num{font-family:var(--mono);letter-spacing:.2em;color:var(--dim);margin-bottom:1.5rem;font-size:.5rem;display:block}.svc-icon{width:40px;height:40px;margin-bottom:1.5rem;position:relative}.svc-icon svg{width:100%;height:100%}.svc-name{font-family:var(--orb);letter-spacing:.08em;text-transform:uppercase;color:var(--w);margin-bottom:.8rem;font-size:.75rem;font-weight:600}.svc-desc{color:var(--g);font-size:.85rem;font-weight:200;line-height:1.8}.svc-arrow{color:var(--dim);font-size:.7rem;transition:color .3s,transform .3s;position:absolute;bottom:1.5rem;right:1.5rem}.svc:hover .svc-arrow{color:var(--v);transform:translate(3px,-3px)}#portfolio{background:var(--bg);padding-bottom:0}#portfolio:before{content:"";background:linear-gradient(to right, transparent, var(--v), transparent);height:1px;position:absolute;top:0;left:0;right:0}.port-strip-wrap{z-index:1;margin:0 -5rem;position:relative;overflow:hidden}.port-strip{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:6px;padding:0 5rem 5rem;display:flex;overflow-x:auto}.port-strip::-webkit-scrollbar{display:none}.port-card{scroll-snap-align:start;flex:0 0 460px;height:580px;position:relative;overflow:hidden}.port-bg{filter:brightness(.5)saturate(1.1);transition:transform .7s cubic-bezier(.4,0,.2,1),filter .7s;position:absolute;inset:0}.port-card:hover .port-bg{filter:brightness(.35)saturate(1.4);transform:scale(1.04)}.bg-1{background:linear-gradient(135deg,#0a0418 0%,#1a0840 40%,#2d0f70 70%,#672de6 100%)}.bg-2{background:linear-gradient(135deg,#040d18 0%,#0a2030 50%,#0d3d5a 100%)}.bg-3{background:linear-gradient(135deg,#0c0802 0%,#221200 50%,#4a2800 100%)}.bg-4{background:linear-gradient(135deg,#060310 0%,#10082a 50%,#1e0f50 100%)}.bg-5{background:linear-gradient(135deg,#020a06 0%,#041508 50%,#082010 100%)}.port-geo{z-index:1;opacity:.15;background-size:40px 40px;position:absolute;inset:0}.geo-hex{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='46'%3E%3Cpolygon points='20,2 38,11 38,29 20,38 2,29 2,11' fill='none' stroke='%23672DE6' stroke-width='0.5'/%3E%3C/svg%3E")}.geo-grid{background-image:linear-gradient(#672de64d 1px,#0000 1px),linear-gradient(90deg,#672de64d 1px,#0000 1px)}.geo-diag{background-image:repeating-linear-gradient(45deg,#0000,#0000 18px,#672de640 18px 19px)}.port-data{z-index:2;background:linear-gradient(#0000 0%,#05040766 40%,#050407f2 100%);padding:2rem;transition:transform .5s cubic-bezier(.4,0,.2,1);position:absolute;bottom:0;left:0;right:0;transform:translateY(60px)}.port-card:hover .port-data{transform:translateY(0)}.port-cat{font-family:var(--mono);letter-spacing:.3em;color:var(--v);text-transform:uppercase;margin-bottom:.5rem;font-size:.52rem}.port-title{font-family:var(--orb);color:#fff;margin-bottom:.5rem;font-size:1rem;font-weight:700;line-height:1.2}.port-meta{color:var(--g);opacity:0;font-size:.78rem;font-weight:200;line-height:1.6;transition:opacity .4s .1s}.port-card:hover .port-meta{opacity:1}.port-corner{z-index:2;font-family:var(--mono);color:#fff3;text-align:right;font-size:.5rem;line-height:1.8;position:absolute;top:1.2rem;right:1.2rem}.port-hint{z-index:1;font-family:var(--mono);color:var(--dim);letter-spacing:.2em;text-transform:uppercase;align-items:center;gap:1rem;padding:1.5rem 5rem;font-size:.5rem;display:flex;position:relative}.port-hint:before{content:"←→";color:var(--v);font-size:.7rem}.port-scrollbar{background:var(--g2);z-index:1;height:1px;margin:0 5rem;position:relative}.port-scrollbar-fill{background:var(--v);width:0%;height:100%;transition:width .1s}.port-controls{justify-content:flex-end;gap:.75rem;padding:0 2rem 1.25rem;display:flex}.port-arrow{color:#fff9;clip-path:polygon(8px 0%,100% 0%,calc(100% - 8px) 100%,0% 100%);background:0 0;border:1px solid #ffffff26;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;transition:border-color .2s,color .2s,opacity .2s;display:flex}.port-arrow svg{width:1.1rem;height:1.1rem}.port-arrow:hover{border-color:var(--v);color:var(--v)}.port-arrow--hidden{opacity:0;pointer-events:none}#process{background:var(--bg2)}#process:before{content:"";background:linear-gradient(to right, transparent, var(--g2) 20%, var(--g2) 80%, transparent);height:1px;position:absolute;top:0;left:0;right:0}.process-layout{z-index:1;grid-template-columns:1fr 2fr;align-items:start;gap:6rem;display:grid;position:relative}.process-sidebar{position:sticky;top:4rem}.process-sidebar p{color:var(--g);margin-top:1.5rem;font-size:.9rem;font-weight:200;line-height:1.9}.process-steps{flex-direction:column;gap:0;display:flex}.pstep{border-bottom:1px solid var(--g2);grid-template-columns:60px 1fr;gap:2rem;padding:2.5rem 0;transition:background .3s;display:grid;position:relative}.pstep:last-child{border-bottom:none}.pstep:before{content:"";background:0 0;width:2px;transition:background .3s;position:absolute;top:0;bottom:0;left:-1rem}.pstep:hover:before{background:var(--v)}.pstep-num{font-family:var(--orb);color:var(--g2);font-size:2rem;font-weight:900;line-height:1;transition:color .3s}.pstep:hover .pstep-num{color:var(--v)}.pstep-name{font-family:var(--orb);letter-spacing:.1em;text-transform:uppercase;color:var(--w);margin-bottom:.5rem;font-size:.8rem;font-weight:600}.pstep-desc{color:var(--g);font-size:.88rem;font-weight:200;line-height:1.8}.pstep-tag{font-family:var(--mono);letter-spacing:.15em;color:var(--v);text-transform:uppercase;border:1px solid #672de640;margin-top:.75rem;padding:.2rem .6rem;font-size:.48rem;display:inline-flex}#testimonials{background:var(--bg)}#testimonials:before{content:"";background:linear-gradient(to right, transparent, var(--v), transparent);height:1px;position:absolute;top:0;left:0;right:0}.testi-grid{background:var(--g2);z-index:1;grid-template-rows:auto auto;grid-template-columns:1fr 1fr 1fr;gap:1px;display:grid;position:relative}.tcard{background:var(--bg);padding:2.5rem;position:relative;overflow:hidden}.tcard:first-child{grid-area:1/1/2/2}.tcard:nth-child(2){background:var(--vd);grid-area:1/2/2/4}.tcard:nth-child(3){grid-area:2/1/3/3}.tcard:nth-child(4){grid-area:2/3/3/4}.tcard:before{content:open-quote;color:#672de614;font-family:Georgia,serif;font-size:8rem;line-height:.8;position:absolute;top:-.5rem;left:1.5rem}.tcard-text{color:#ffffffbf;z-index:1;margin-bottom:1.5rem;font-size:.95rem;font-weight:200;line-height:1.9;position:relative}.tcard:nth-child(2) .tcard-text{font-size:1.1rem}.tcard-author{z-index:1;align-items:center;gap:.85rem;display:flex;position:relative}.tcard-av{background:var(--v);clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);width:36px;height:36px;font-family:var(--orb);color:#fff;flex-shrink:0;justify-content:center;align-items:center;font-size:.55rem;font-weight:700;display:flex}.tcard-name{color:var(--w);font-size:.82rem;font-weight:400}.tcard-role{font-family:var(--mono);color:var(--g);letter-spacing:.1em;margin-top:.2rem;font-size:.5rem}#contact{background:var(--bg2)}#contact:before{content:"";background:linear-gradient(to right, transparent, var(--g2) 20%, var(--g2) 80%, transparent);height:1px;position:absolute;top:0;left:0;right:0}.contact-layout{z-index:1;grid-template-columns:1fr 1.4fr;align-items:start;gap:7rem;display:grid;position:relative}.contact-left p{color:var(--g);margin-top:1.5rem;margin-bottom:2.5rem;font-size:.95rem;font-weight:200;line-height:1.9}.contact-detail{border-bottom:1px solid var(--g2);align-items:flex-start;gap:1rem;padding:1rem 0;display:flex}.contact-detail:first-of-type{border-top:1px solid var(--g2)}.cd-label{font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--dim);min-width:70px;padding-top:.1rem;font-size:.48rem}.cd-val{color:var(--w);font-size:.88rem;font-weight:300;text-decoration:none;transition:color .3s}.cd-val:hover{color:var(--v)}.social-row{gap:.6rem;margin-top:2rem;display:flex}.soc{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--g);justify-content:center;align-items:center;gap:.5rem;padding:.5rem .9rem;font-size:.5rem;text-decoration:none;transition:all .25s;display:inline-flex}.soc-logo{padding:.6rem}.soc-logo-svg{width:3em;height:auto;fill:var(--fill,none);stroke:var(--g);stroke-width:var(--stroke,.6);transition:all .25s;display:block}.soc:hover .soc-logo-svg{opacity:.9;transform:scale(1.5)}.soc.artstation{--brand:#13aff0;--stroke:2}.soc.linkedin{--brand:#0a66c2;--stroke:16}.soc.facebook{--brand:#1877f2;--fill:#1877f2;--stroke:.1}.soc.instagram{--brand:#e1306c;--stroke:.6}.soc.x{--stroke:35;--brand:white}.soc:hover{color:var(--brand);border-color:var(--brand)}.soc:hover .soc-logo-svg{stroke:var(--brand);transform:scale(1.05)}.contact-form{flex-direction:column;gap:1.2rem;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:1.2rem;display:grid}.fg{flex-direction:column;gap:.4rem;display:flex}.fl{font-family:var(--mono);letter-spacing:.25em;text-transform:uppercase;color:var(--dim);font-size:.5rem}.fi,.fsel,.fta{border:1px solid var(--g2);color:#fff;font-family:var(--body);appearance:none;background:#ffffff05;outline:none;padding:.85rem 1rem;font-size:.88rem;font-weight:200;transition:border-color .25s,box-shadow .25s}.fsel option{color:#fff;background:#0d0a18}.fi:focus,.fsel:focus,.fta:focus{border-color:var(--v);box-shadow:0 0 0 1px #672de633}.fta{resize:vertical;min-height:120px}.fsub{font-family:var(--orb);letter-spacing:.2em;text-transform:uppercase;background:var(--v);color:#fff;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px));border:none;align-self:flex-start;padding:.9rem 2rem;font-size:.65rem;font-weight:700;transition:all .3s;box-shadow:0 0 30px #672de640}.fsub:hover{transform:translateY(-2px);box-shadow:0 0 60px #672de666}footer{border-top:1px solid var(--g2);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:2.5rem 5rem;display:flex}.foot-logo{font-family:var(--orb);letter-spacing:.3em;color:var(--g);text-transform:uppercase;align-items:center;gap:.75rem;font-size:.65rem;font-weight:700;text-decoration:none;display:flex}.foot-logo-svg{width:6em;height:auto;display:block}.foot-links{gap:2rem;list-style:none;display:flex}.foot-links a{font-family:var(--mono);letter-spacing:.15em;text-transform:uppercase;color:var(--dim);font-size:.5rem;text-decoration:none;transition:color .25s}.foot-links a:hover{color:var(--w)}.foot-copy{font-family:var(--mono);color:var(--dim);letter-spacing:.08em;font-size:.5rem}.reveal{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(24px)}.reveal.in{opacity:1;transform:none}.reveal-x{opacity:0;transition:opacity .7s,transform .7s;transform:translate(-24px)}.reveal-x.in{opacity:1;transform:none}[data-delay="1"]{transition-delay:.1s}[data-delay="2"]{transition-delay:.2s}[data-delay="3"]{transition-delay:.3s}[data-delay="4"]{transition-delay:.4s}[data-delay="5"]{transition-delay:.5s}[data-delay="6"]{transition-delay:.6s}#grain{z-index:9985;pointer-events:none;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:200px 200px;position:fixed;inset:0}@media (width<=1100px){:root{--rail:220px}.about-layout,.process-layout,.contact-layout{grid-template-columns:1fr;gap:3rem}.process-sidebar{position:relative;top:auto}.svc-grid,.testi-grid{grid-template-columns:1fr 1fr}.tcard:nth-child(n){grid-area:auto}}@media (width<=768px){#rail{display:none}#main{margin-left:0}.section{padding:5rem 1.5rem}#hero .hero-content{padding:0 1.5rem 5rem}.svc-grid{grid-template-columns:1fr}.port-card{flex:0 0 85vw;height:450px}.port-strip{padding:0 1.5rem 3rem}.testi-grid{grid-template-columns:1fr}footer{flex-direction:column;align-items:flex-start;padding:2rem 1.5rem}.form-row{grid-template-columns:1fr}.about-metrics{grid-template-columns:1fr 1fr}.hero-vline,.port-controls{display:none}}