:root{--ink: #101318;--muted: #59616d;--paper: #f8f7f2;--panel: #ffffff;--line: rgba(16, 19, 24, .12);--teal: #0f8b8d;--coral: #ef6f5a;--saffron: #f0b429;--green: #2f7d57;--shadow: 0 24px 80px rgba(16, 19, 24, .12);--glass: rgba(255, 255, 255, .62);--cursor-x: 50vw;--cursor-y: 18vh;--scroll-progress: 0;--hero-shift: 0px;--pointer-active: 0;--scroll-glow: .7;--reactor-x: 58deg;--reactor-y: 0deg;--reactor-z: 0deg}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:radial-gradient(circle at var(--cursor-x) var(--cursor-y),rgba(15,139,141,.13),transparent 28rem),linear-gradient(115deg,rgba(240,180,41,.13),transparent 28%),linear-gradient(245deg,rgba(239,111,90,.12),transparent 34%),var(--paper);color:var(--ink)}body:before{animation:grainShift 9s steps(8) infinite;background-image:linear-gradient(rgba(16,19,24,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(16,19,24,.025) 1px,transparent 1px);background-size:44px 44px;content:"";top:0;right:0;bottom:0;left:0;pointer-events:none;position:fixed;z-index:-1}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.site-header{align-items:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f8f7f2b3;border-bottom:1px solid rgba(255,255,255,.32);box-shadow:0 10px 40px #1013180d;display:flex;justify-content:space-between;left:0;padding:18px clamp(18px,4vw,56px);position:fixed;right:0;top:0;transition:border-color .18s ease,box-shadow .18s ease;z-index:20}.site-header.is-scrolled{border-color:var(--line);box-shadow:0 12px 32px #10131814}.brand,.nav-links,.hero-actions,.contact-links,.button{align-items:center;display:flex}.brand{gap:10px;font-size:.95rem}.brand span{align-items:center;background:var(--ink);border-radius:8px;color:#fff;display:inline-flex;font-weight:800;height:38px;justify-content:center;width:38px;transition:transform .22s ease,box-shadow .22s ease}.brand:hover span{box-shadow:0 14px 30px #0f8b8d40;transform:rotate(-4deg) scale(1.04)}.nav-links{color:var(--muted);font-size:.92rem;font-weight:600;gap:24px}.menu-toggle{align-items:center;background:#ffffffa8;border:1px solid var(--line);border-radius:8px;color:var(--ink);cursor:pointer;display:none;height:42px;justify-content:center;padding:0;width:42px}.nav-links a{position:relative}.nav-links a:after{background:var(--teal);bottom:-7px;content:"";height:2px;left:0;position:absolute;transform:scaleX(0);transform-origin:left;transition:transform .22s ease;width:100%}.nav-links a:hover:after{transform:scaleX(1)}.nav-links a:hover,.site-footer a:hover,.contact-links a:hover{color:var(--teal)}main{overflow:hidden}.app-shell{min-height:100vh;position:relative}.scroll-progress{background:linear-gradient(90deg,var(--teal),var(--saffron),var(--coral));box-shadow:0 0 24px #0f8b8d59;height:3px;left:0;position:fixed;top:0;transform:scaleX(var(--scroll-progress));transform-origin:left;width:100%;z-index:40}.ambient{border-radius:999px;filter:blur(10px);opacity:.42;pointer-events:none;position:fixed;z-index:-1}.ambient-one{animation:driftOne 13s ease-in-out infinite;background:#0f8b8d2e;height:260px;right:7vw;top:16vh;width:260px}.ambient-two{animation:driftTwo 16s ease-in-out infinite;background:#ef6f5a29;bottom:10vh;height:320px;left:5vw;width:320px}.ambient-three{animation:driftThree 18s ease-in-out infinite;background:#f0b42926;height:220px;left:45vw;top:52vh;width:220px}.section-panel,.section-block,.metrics,.site-footer{margin-inline:auto;max-width:1180px;width:calc(100% - clamp(32px,8vw,96px))}.hero{align-items:start;display:grid;gap:clamp(36px,5vw,72px);grid-template-columns:minmax(0,1fr) minmax(380px,1.12fr);min-height:96vh;padding-top:112px;position:relative}.hero.scroll-section.is-visible .hero-copy{animation:heroTextIn .9s cubic-bezier(.2,.8,.2,1) both}.hero.scroll-section.is-visible .hero-visual{animation:heroImageIn .9s cubic-bezier(.2,.8,.2,1) both,floatFrame 7s ease-in-out .9s infinite}.hero:before{animation:sweep 8s ease-in-out infinite;background:linear-gradient(90deg,transparent,rgba(255,255,255,.72),transparent);content:"";height:1px;left:0;opacity:.75;position:absolute;top:108px;width:55%}.eyebrow{color:var(--teal);font-size:.78rem;font-weight:800;letter-spacing:0;margin:0 0 14px;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2.65rem,3.85vw,4.15rem);letter-spacing:-.055em;line-height:.94;margin-bottom:24px;max-width:860px}.scroll-reactor{align-items:center;bottom:24px;display:flex;flex-direction:column;gap:7px;perspective:700px;pointer-events:none;position:fixed;right:24px;z-index:18}.reactor-object{align-items:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fff6;border:1px solid rgba(255,255,255,.72);border-radius:50%;box-shadow:0 18px 45px #10131826,inset 0 0 22px #0f8b8d1f;display:flex;height:92px;justify-content:center;position:relative;transform:rotateX(var(--reactor-x)) rotateY(var(--reactor-y)) rotate(var(--reactor-z));transform-style:preserve-3d;width:92px;will-change:transform}.reactor-ring{border:2px solid var(--teal);border-radius:50%;top:13px;right:13px;bottom:13px;left:13px;position:absolute}.ring-one{border-color:var(--teal);transform:rotateX(70deg)}.ring-two{border-color:var(--coral);transform:rotateY(68deg)}.ring-three{border-color:var(--saffron);transform:rotateX(55deg) rotateY(55deg)}.reactor-core{animation:reactorPulse 1.8s ease-in-out infinite;background:var(--ink);border:3px solid #fff;border-radius:50%;box-shadow:0 0 0 7px #0f8b8d26,0 0 26px #0f8b8dcc;height:17px;transform:translateZ(18px);width:17px}.scroll-reactor small{color:var(--muted);font-size:.58rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}@keyframes reactorPulse{50%{box-shadow:0 0 0 12px #0f8b8d12,0 0 34px #0f8b8d;transform:translateZ(25px) scale(1.12)}}.hero h1 span{display:block}.hero h1 .hero-accent{background:linear-gradient(90deg,var(--teal),#255b59 52%,#9d6757);-webkit-background-clip:text;background-clip:text;color:transparent;padding-bottom:.08em}h2{font-size:clamp(2rem,4.6vw,4.4rem);line-height:1;margin-bottom:18px}h3{font-size:1.25rem;line-height:1.2;margin-bottom:10px}.hero-text,.section-heading p,.stream-item p,.timeline-card p,.project-content p,.contact-copy p,.form-note{color:var(--muted);line-height:1.7}.hero-text{border-left:3px solid var(--teal);font-size:1.04rem;margin-left:2px;max-width:570px;padding:4px 0 4px 18px}.form-note{margin:4px 0 0}.form-success{color:var(--green)}.form-error{color:#b44938}.contact-form .button:disabled{cursor:wait;opacity:.68}.contact-form .button{--magnetic-x: 0px !important;--magnetic-y: 0px !important;overflow:hidden}.thank-you-card{align-content:center;justify-items:center;min-height:480px;overflow:hidden;position:relative;text-align:center}.thank-you-card:before{animation:thankYouGlow 3.2s ease-in-out infinite;background:radial-gradient(circle,rgba(15,139,141,.2),rgba(240,180,41,.08) 42%,transparent 70%);content:"";height:380px;left:50%;pointer-events:none;position:absolute;top:48%;transform:translate(-50%,-50%);width:380px}.thank-you-card>*{position:relative;z-index:1}.thank-you-icon{align-items:center;animation:thankYouPop .7s cubic-bezier(.2,.9,.25,1.35) both;background:linear-gradient(135deg,var(--teal),var(--green));border:7px solid rgba(255,255,255,.85);border-radius:50%;box-shadow:0 0 0 10px #0f8b8d1a,0 22px 55px #0f8b8d4d;color:#fff;display:flex;font-size:2rem;font-weight:900;height:82px;justify-content:center;margin-bottom:28px;width:82px}.thank-you-card h3{font-size:clamp(2rem,4vw,3.4rem);letter-spacing:-.04em;margin-bottom:14px}.thank-you-card>p:not(.eyebrow){color:var(--muted);line-height:1.7;margin-bottom:26px;max-width:430px}@keyframes thankYouPop{0%{opacity:0;transform:scale(.35) rotate(-18deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes thankYouGlow{50%{opacity:.55;transform:translate(-50%,-50%) scale(1.12)}}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:32px}.live-terminal{background:#101318f0;border:1px solid rgba(255,255,255,.12);border-radius:9px;box-shadow:0 18px 42px #10131829;color:#ffffffc2;font-family:Consolas,SFMono-Regular,monospace;font-size:.72rem;margin-top:22px;max-width:510px;overflow:hidden;padding:13px 16px 15px}.terminal-bar{align-items:center;border-bottom:1px solid rgba(255,255,255,.09);display:flex;gap:6px;margin-bottom:10px;padding-bottom:9px}.terminal-bar i{background:var(--coral);border-radius:50%;height:7px;width:7px}.terminal-bar i:nth-child(2){background:var(--saffron)}.terminal-bar i:nth-child(3){background:#54b985}.terminal-bar span{margin-left:5px;opacity:.58}.terminal-line{line-height:1.75;white-space:nowrap}.terminal-line b{color:var(--teal);margin-right:8px}.terminal-success{color:#8ed9b1}.terminal-dots{animation:terminalBlink 1.25s steps(4) infinite;display:inline-block;overflow:hidden;vertical-align:bottom;width:0}@keyframes terminalBlink{to{width:2.2em}}.button{--magnetic-x: 0px;--magnetic-y: 0px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.38);border-radius:8px;cursor:pointer;font:inherit;font-weight:800;gap:9px;justify-content:center;min-height:48px;padding:14px 20px;position:relative;transition:transform .18s ease,box-shadow .18s ease,background .18s ease;z-index:1}.button:before{background:linear-gradient(120deg,transparent,rgba(255,255,255,.32),transparent);content:"";top:0;right:0;bottom:0;left:0;opacity:0;position:absolute;transform:translate(-70%);transition:opacity .18s ease,transform .42s ease;z-index:-1}.button:hover{transform:translateY(-3px)}.button:hover:before{opacity:1;transform:translate(70%)}.button.primary{background:var(--ink);color:#fff;box-shadow:0 16px 34px #1013182e}.button.secondary{background:#ffffff94;box-shadow:0 16px 34px #10131814}.hero-visual{animation:floatFrame 7s ease-in-out infinite;border:1px solid rgba(255,255,255,.42);border-radius:8px;box-shadow:var(--shadow);isolation:isolate;overflow:hidden;position:relative;transform:translate(var(--magnetic-x),var(--magnetic-y));margin-top:44px;transform:translateY(calc(var(--hero-shift) * -.28))}.hero-visual:before{animation:borderFlow 6s linear infinite;background:linear-gradient(120deg,#0f8b8db3,#f0b429b3,#ef6f5aad,#0f8b8db3);content:"";top:-2px;right:-2px;bottom:-2px;left:-2px;position:absolute;z-index:-1}.hero-visual:after{background:linear-gradient(135deg,#0f8b8d38,#ef6f5a2e);content:"";top:0;right:0;bottom:0;left:0;mix-blend-mode:color;pointer-events:none;position:absolute}.hero-visual img{animation:imageBreath 10s ease-in-out infinite;aspect-ratio:1.13;height:100%;object-fit:cover;width:100%}.hero-float-card{animation:floatBadge 5.5s ease-in-out infinite;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffad;border:1px solid rgba(255,255,255,.64);border-radius:8px;box-shadow:0 18px 42px #10131829;display:grid;gap:4px;min-width:160px;padding:14px 16px;position:absolute;z-index:2}.hero-float-card span{color:var(--teal);font-size:.72rem;font-weight:800;text-transform:uppercase}.hero-float-card strong{font-size:.95rem}.float-card-one{left:22px;top:22px}.float-card-two{animation-delay:1.1s;bottom:22px;right:22px}.metrics{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff6b;border:1px solid rgba(255,255,255,.54);border-radius:8px;box-shadow:0 18px 48px #1013180f;display:grid;gap:1px;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:44px}.capability-marquee{margin:0 auto 22px;max-width:1180px;overflow:hidden;padding:10px 0;position:relative;width:calc(100% - clamp(32px,8vw,96px))}.build-pipeline{align-items:center;display:grid;grid-template-columns:repeat(3,1fr);height:128px;margin:0 auto;max-width:1180px;overflow:hidden;position:relative;width:calc(100% - clamp(32px,8vw,96px))}.section-block.section-work{padding-top:32px}.section-block.section-work:before{top:0}.pipeline-grid{background-image:linear-gradient(rgba(15,139,141,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(15,139,141,.08) 1px,transparent 1px);background-size:28px 28px;top:0;right:0;bottom:0;left:0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 16%,#000 84%,transparent);mask-image:linear-gradient(90deg,transparent,#000 16%,#000 84%,transparent);opacity:.45;position:absolute}.pipeline-beam{background:#0f8b8d29;height:2px;left:16.66%;overflow:visible;position:absolute;right:16.66%;top:50%}.pipeline-beam:before{animation:beamBreathe 2.8s ease-in-out infinite;background:linear-gradient(90deg,transparent,var(--teal),#f0b429,transparent);box-shadow:0 0 18px #0f8b8d8c;content:"";top:0;right:0;bottom:0;left:0;position:absolute}.pipeline-beam i{animation:signalTravel 3.4s linear infinite;background:#fff;border:3px solid var(--teal);border-radius:50%;box-shadow:0 0 0 7px #0f8b8d21,0 0 28px #0f8b8de6;height:13px;left:0;position:absolute;top:50%;transform:translate(-50%,-50%);width:13px}.pipeline-step{align-items:center;display:flex;flex-direction:column;gap:7px;isolation:isolate;position:relative;z-index:1}.pipeline-step span{align-items:center;animation:nodePulse 2.4s ease-in-out infinite;background:var(--ink);border:5px solid rgba(255,255,255,.92);border-radius:50%;box-shadow:0 0 0 1px #0f8b8d33,0 10px 30px #10131824;color:#fff;display:flex;font-size:.68rem;font-style:normal;font-weight:800;height:44px;justify-content:center;width:44px}.pipeline-step:nth-of-type(4) span{animation-delay:.8s}.pipeline-step:nth-of-type(5) span{animation-delay:1.6s}.pipeline-step strong{font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}@keyframes signalTravel{to{left:100%}}@keyframes beamBreathe{50%{opacity:.42}}@keyframes nodePulse{50%{box-shadow:0 0 0 8px #0f8b8d1a,0 12px 34px #1013182e;transform:translateY(-3px)}}.capability-marquee:before,.capability-marquee:after{content:"";height:100%;position:absolute;top:0;width:clamp(36px,8vw,120px);z-index:2}.capability-marquee:before{background:linear-gradient(90deg,var(--paper),transparent);left:0}.capability-marquee:after{background:linear-gradient(270deg,var(--paper),transparent);right:0}.capability-track{animation:capabilityScroll 24s linear infinite;display:flex;gap:14px;width:max-content}.capability-track span{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff75;border:1px solid rgba(16,19,24,.09);border-radius:999px;color:var(--muted);display:flex;font-size:.84rem;font-weight:750;gap:9px;padding:10px 16px;white-space:nowrap}.capability-track i{background:var(--teal);border-radius:50%;box-shadow:0 0 0 4px #0f8b8d1a;height:6px;width:6px}@keyframes capabilityScroll{to{transform:translate(calc(-50% - 7px))}}.metrics div{overflow:hidden;padding:28px 22px;position:relative;transition:background .22s ease,transform .22s ease}.metrics div:before{background:radial-gradient(circle,rgba(240,180,41,.28),transparent 62%);content:"";height:140px;opacity:0;position:absolute;right:-58px;top:-58px;transform:scale(.6);transition:opacity .26s ease,transform .26s ease;width:140px}.metrics div:hover{background:#ffffff7a;transform:translateY(-2px)}.metrics div:hover:before{opacity:1;transform:scale(1)}.metrics strong,.metrics span{position:relative;z-index:1}.metrics strong{display:block;font-size:1.1rem;margin-bottom:8px}.metrics span{color:var(--muted);line-height:1.5}.section-block{padding:104px 0;position:relative}.section-block:before{background:linear-gradient(90deg,transparent,rgba(15,139,141,.22),transparent);content:"";height:1px;left:0;opacity:0;position:absolute;top:44px;transform:translate(-20%);transition:opacity .7s ease,transform .9s ease;width:60%}.section-block.is-visible:before{opacity:1;transform:translate(55%)}.section-heading{max-width:760px}.section-heading h2{background:linear-gradient(90deg,var(--ink),#294a46 52%,var(--coral));-webkit-background-clip:text;background-clip:text;color:transparent}.scroll-section{opacity:.98;transition:opacity .9s ease,transform .9s cubic-bezier(.2,.8,.2,1)}.scroll-section:not(.is-visible){opacity:.65;transform:translateY(34px)}.scroll-section.is-visible{opacity:1;transform:translateY(0)}.project-grid{display:grid;gap:22px;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:42px}.project-card,.stream-item,.timeline-card,.contact-form,.company-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(145deg,#ffffffc2,#ffffff7a);border:1px solid rgba(255,255,255,.58);border-radius:8px;box-shadow:0 16px 44px #10131812}.company-card{align-items:center;display:grid;gap:22px;grid-template-columns:auto 1fr auto;margin-top:42px;overflow:hidden;padding:26px;position:relative}.company-card:before{background:linear-gradient(120deg,rgba(15,139,141,.14),transparent 42%,rgba(239,111,90,.16));content:"";top:0;right:0;bottom:0;left:0;opacity:.8;pointer-events:none;position:absolute}.company-card>*{position:relative;z-index:1}.company-card h3{font-size:clamp(1.7rem,3vw,2.8rem);margin-bottom:10px}.company-card p:last-child{color:var(--muted);line-height:1.7;margin-bottom:0}.company-mark{align-items:center;background:var(--ink);border-radius:8px;color:#fff;display:inline-flex;height:64px;justify-content:center;width:64px}.project-card{overflow:hidden;position:relative}.project-card:after{background:radial-gradient(circle at var(--cursor-x) var(--cursor-y),rgba(255,255,255,.44),transparent 18rem);content:"";top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .24s ease}.project-card:hover:after{opacity:1}.project-card:nth-child(2){margin-top:24px}.project-card:nth-child(3){margin-top:48px}.project-card:nth-child(4){margin-top:72px}.project-card:before,.stream-item:before,.timeline-card:before,.contact-form:before{background:linear-gradient(135deg,rgba(255,255,255,.74),transparent 38%);content:"";top:0;right:0;bottom:0;left:0;opacity:.8;pointer-events:none;position:absolute}.tilt-card{transform-style:preserve-3d;transition:opacity .7s ease,transform .7s ease,box-shadow .24s ease,border-color .24s ease}.tilt-card:hover{border-color:#0f8b8d47;box-shadow:0 26px 70px #10131824;transform:translateY(-8px)}.project-preview{align-items:center;aspect-ratio:1.28;display:flex;justify-content:center;overflow:hidden;padding:22px;position:relative;transition:transform .26s ease,filter .26s ease}.project-card:hover .project-preview{filter:saturate(1.1) contrast(1.03);transform:scale(1.018)}.project-card:hover .browser-bar{transform:translateY(-4px)}.project-card:hover .mock-site{transform:translateY(-9px) rotate(-1deg)}.project-card:hover .sidebar-lines{transform:translate(-5px) translateY(-4px)}.project-card:hover .dashboard-bars{transform:translate(5px) translateY(-8px)}.project-card:hover .phone-frame{transform:translateY(-10px) rotate(2deg)}.project-preview:after{animation:previewSheen 4.6s ease-in-out infinite;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.46),transparent 70%);content:"";top:0;right:0;bottom:0;left:0;position:absolute;transform:translate(-110%)}.image-preview{background:linear-gradient(135deg,#101318f0,#0f8b8db8)}.project-image-link{display:block;height:calc(100% + 44px);margin:-22px;position:relative;width:calc(100% + 44px);z-index:1}.project-image{height:100%;object-fit:cover;transition:filter .26s ease,transform .42s ease;width:100%}.project-card:hover .project-image{animation:projectPreviewPan 6s ease-in-out infinite alternate;filter:saturate(1.15) contrast(1.04);transform:scale(1.08)}@keyframes projectPreviewPan{0%{object-position:50% 18%}to{object-position:50% 82%}}.website-preview{background:linear-gradient(135deg,#0f8b8d,#f0b429)}.software-preview{background:linear-gradient(135deg,#101318,#2f7d57);gap:18px}.app-preview{background:linear-gradient(135deg,#ef6f5a,#f0b429)}.browser-bar,.mock-site,.sidebar-lines,.dashboard-bars,.phone-frame{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffc7;border:1px solid rgba(255,255,255,.55);border-radius:8px;box-shadow:0 18px 34px #1013181a;transition:transform .26s ease,box-shadow .26s ease;z-index:1}.project-card:hover .browser-bar,.project-card:hover .mock-site,.project-card:hover .sidebar-lines,.project-card:hover .dashboard-bars,.project-card:hover .phone-frame{box-shadow:0 24px 46px #1013182e}.browser-bar{display:flex;gap:6px;height:34px;left:28px;padding:10px;position:absolute;right:28px;top:28px}.browser-bar span{background:var(--coral);border-radius:50%;height:8px;width:8px}.mock-site{animation:floatMini 5.5s ease-in-out infinite;display:grid;gap:10px;grid-template-columns:1.2fr .8fr;height:64%;margin-top:22px;padding:16px;width:86%}.mock-site div{background:#1013181f;border-radius:6px}.mock-site div:first-child{grid-row:span 2}.sidebar-lines{animation:floatMini 5.2s ease-in-out infinite;height:78%;width:28%}.dashboard-bars{animation:floatMini 5.8s ease-in-out infinite reverse;display:flex;gap:10px;height:78%;padding:18px;width:58%}.dashboard-bars span{animation:barPulse 2.8s ease-in-out infinite;align-self:end;background:var(--teal);border-radius:6px 6px 0 0;flex:1}.project-card:hover .dashboard-bars span{animation-duration:1.4s}.dashboard-bars span:nth-child(2){height:82%}.dashboard-bars span:nth-child(3){height:54%;background:var(--saffron)}.dashboard-bars span:nth-child(4){height:72%;background:var(--coral)}.phone-frame{animation:floatMini 5.8s ease-in-out infinite;height:88%;padding:18px;width:42%}.phone-frame span{background:#1013181f;border-radius:6px;display:block;height:22%;margin-bottom:12px;transition:background .22s ease,transform .22s ease}.project-card:hover .phone-frame span:nth-child(1){background:#0f8b8d33;transform:translate(4px)}.project-card:hover .phone-frame span:nth-child(2){background:#f0b42947;transform:translate(-4px)}.project-card:hover .phone-frame span:nth-child(3){background:#ef6f5a38;transform:translate(3px)}.project-content{padding:24px;position:relative;z-index:1}.project-content span{color:var(--green);display:inline-block;font-size:.78rem;font-weight:800;margin-bottom:10px;text-transform:uppercase;transition:color .22s ease,transform .22s ease}.project-card:hover .project-content span{color:var(--coral);transform:translate(4px)}.project-card h3{transition:color .22s ease}.project-card:hover h3{color:var(--teal)}.project-link{--magnetic-x: 0px;--magnetic-y: 0px;align-items:center;color:var(--ink);display:inline-flex;font-size:.9rem;font-weight:800;gap:8px;margin-top:14px;transform:translate(var(--magnetic-x),var(--magnetic-y));transition:color .22s ease,gap .22s ease,transform .22s ease}.project-link:hover{color:var(--coral);gap:12px;transform:translate(calc(var(--magnetic-x) + 3px),var(--magnetic-y))}.split-section{display:grid;gap:48px;grid-template-columns:.8fr 1.2fr}.stream-list{display:grid;gap:16px}.stream-item{align-items:flex-start;display:flex;gap:16px;padding:24px;position:relative}.stream-item svg{color:var(--teal);flex:0 0 auto;margin-top:2px;position:relative;transition:transform .22s ease,color .22s ease;z-index:1}.stream-item:hover svg{color:var(--coral);filter:drop-shadow(0 12px 18px rgba(239,111,90,.22));transform:translateY(-4px) rotate(-6deg) scale(1.12)}.stream-item>div{position:relative;z-index:1}.stream-item strong{display:block;font-size:1.05rem;margin-bottom:8px;transition:color .22s ease,transform .22s ease}.stream-item:hover strong{color:var(--teal);transform:translate(3px)}.experience-section{border-block:1px solid var(--line);overflow:hidden}.experience-section:after{animation:timelineGlow 4.8s ease-in-out infinite;background:linear-gradient(180deg,transparent,rgba(15,139,141,.42),transparent);content:"";height:74%;left:clamp(18px,8vw,72px);position:absolute;top:14%;width:1px}.timeline-card{align-items:flex-start;display:flex;gap:18px;margin-top:36px;max-width:820px;padding:28px;position:relative;transition:box-shadow .26s ease,transform .26s ease}.timeline-card>div{position:relative;z-index:1}.status-dot{animation:pulseDot 2.4s ease-in-out infinite;background:var(--green);border-radius:50%;box-shadow:0 0 0 8px #2f7d5721;flex:0 0 auto;height:12px;margin-top:8px;width:12px;z-index:1}.timeline-date{color:var(--teal);font-weight:800;margin-bottom:8px}.contact-section{display:grid;gap:52px;grid-template-columns:.9fr 1.1fr}.contact-links{align-items:flex-start;flex-direction:column;gap:12px;margin-top:28px}.contact-links a{align-items:center;border-bottom:1px solid var(--line);color:var(--ink);display:inline-flex;font-weight:800;gap:9px;padding-bottom:5px;transition:gap .22s ease,transform .22s ease}.contact-form{display:grid;gap:18px;padding:28px;position:relative;transition:box-shadow .26s ease,transform .26s ease}.contact-form>*{position:relative;z-index:1}.contact-form label{color:var(--muted);display:grid;font-size:.9rem;font-weight:700;gap:8px}.contact-form input,.contact-form textarea{background:#ffffffad;border:1px solid rgba(16,19,24,.1);border-radius:8px;color:var(--ink);font:inherit;padding:14px 15px;resize:vertical;width:100%;transition:background .22s ease,border-color .22s ease,box-shadow .22s ease,transform .22s ease}.contact-form input:hover,.contact-form textarea:hover{background:#ffffffdb;border-color:#0f8b8d3d;transform:translateY(-1px)}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--teal);box-shadow:0 0 0 4px #0f8b8d1f;outline:none}.contact-form:focus-within{box-shadow:0 30px 86px #0f8b8d24;transform:translateY(-4px)}.form-note{font-size:.86rem;margin-bottom:0}.site-footer{align-items:center;border-top:1px solid var(--line);color:var(--muted);display:flex;justify-content:space-between;padding:28px 0 40px}.reveal{opacity:0;transform:translateY(28px) scale(.985);transition:opacity .76s ease,transform .76s cubic-bezier(.2,.8,.2,1)}.reveal-left{transform:translate(-46px) scale(.985)}.reveal-right{transform:translate(46px) scale(.985)}.reveal-zoom{transform:translateY(34px) scale(.94)}.reveal.is-visible{opacity:1;transform:translateY(0)}.tilt-card.reveal.is-visible:hover{transform:translateY(-8px)}@keyframes grainShift{0%,to{transform:translateZ(0)}50%{transform:translate3d(-18px,12px,0)}}@keyframes driftOne{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(-36px,44px,0) scale(1.12)}}@keyframes driftTwo{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(42px,-34px,0) scale(.92)}}@keyframes driftThree{0%,to{transform:translateZ(0)}50%{transform:translate3d(24px,42px,0)}}@keyframes heroTextIn{0%{opacity:0;transform:translate(-58px) scale(.97)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes heroImageIn{0%{opacity:0;transform:translate(58px) translateY(24px) rotate(1.5deg) scale(.96)}to{opacity:1;transform:translate(0) translateY(calc(var(--hero-shift) * -.28)) rotate(0) scale(1)}}@keyframes sweep{0%,to{transform:translate(-20%)}50%{transform:translate(95%)}}@keyframes floatFrame{0%,to{transform:translateY(calc(var(--hero-shift) * -.28)) rotate(0)}50%{transform:translateY(calc((var(--hero-shift) * -.28) - 12px)) rotate(.4deg)}}@keyframes floatBadge{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes borderFlow{to{filter:hue-rotate(22deg)}}@keyframes imageBreath{0%,to{transform:scale(1)}50%{transform:scale(1.035)}}@keyframes previewSheen{0%,35%{transform:translate(-110%)}70%,to{transform:translate(110%)}}@keyframes floatMini{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes barPulse{0%,to{opacity:.72;transform:scaleY(.92)}50%{opacity:1;transform:scaleY(1)}}@keyframes pulseDot{0%,to{box-shadow:0 0 0 8px #2f7d5721}50%{box-shadow:0 0 0 14px #2f7d570a}}@keyframes timelineGlow{0%,to{opacity:.28;transform:translateY(-18px)}50%{opacity:1;transform:translateY(18px)}}@keyframes auroraSpin{0%{transform:rotate(0) scale(1.08)}50%{transform:rotate(180deg) scale(1.16)}to{transform:rotate(360deg) scale(1.08)}}@keyframes hoverGlow{0%,to{filter:drop-shadow(0 0 0 rgba(15,139,141,0))}50%{filter:drop-shadow(0 14px 24px rgba(15,139,141,.16))}}body{transition:background .26s ease}.app-shell:before,.app-shell:after{content:"";top:0;right:0;bottom:0;left:0;pointer-events:none;position:fixed}.app-shell:before{animation:auroraSpin 18s linear infinite;background:conic-gradient(from 120deg at 22% 28%,transparent,rgba(15,139,141,.16),transparent 28%),conic-gradient(from 280deg at 78% 32%,transparent,rgba(239,111,90,.15),transparent 24%),conic-gradient(from 20deg at 52% 82%,transparent,rgba(240,180,41,.16),transparent 25%);filter:blur(22px);opacity:.85;transform:scale(1.08);z-index:-3}.app-shell:after{background:radial-gradient(circle at var(--cursor-x) var(--cursor-y),rgba(255,255,255,calc(.42 + var(--pointer-active) * .3)),transparent 12rem),radial-gradient(circle at var(--cursor-x) var(--cursor-y),rgba(15,139,141,calc(.12 * var(--scroll-glow))),transparent 24rem),radial-gradient(circle at 50% calc(var(--scroll-progress) * 100%),rgba(239,111,90,.12),transparent 22rem);mix-blend-mode:soft-light;z-index:-2}.site-header,.brand,.nav-links a,.eyebrow,h1,h2,h3,p,.metrics strong,.metrics span,.section-heading,.hero-visual,.hero-float-card,.project-card,.project-preview,.stream-item,.timeline-card,.contact-form,.contact-links a,.site-footer span,.site-footer a{will-change:transform}.site-header{transition:border-color .18s ease,box-shadow .18s ease,transform .22s ease,background .22s ease}.site-header:hover{background:#ffffffc2;transform:translateY(2px)}.brand{transition:color .22s ease,transform .22s ease}.brand:hover{color:var(--teal);transform:translate(2px)}.nav-links a{transition:color .22s ease,transform .22s ease}.nav-links a:hover{transform:translateY(-2px)}.hero:hover h1,.section-heading:hover h2{animation:hoverGlow 1.4s ease-in-out infinite}.eyebrow{transition:color .22s ease,transform .22s ease}.eyebrow:hover,.hero:hover .eyebrow{color:var(--coral);transform:translate(5px)}h1,h2,h3{transition:filter .26s ease,transform .26s ease,color .22s ease}h1:hover{transform:translateY(-4px) scale(1.006)}h2:hover{transform:translate(5px)}h3:hover{color:var(--teal);transform:translate(4px)}.hero-text,.section-heading p,.stream-item p,.timeline-card p,.project-content p,.contact-copy p,.form-note,.metrics span{transition:color .22s ease,transform .22s ease}.hero-text:hover,.section-heading p:hover,.stream-item p:hover,.timeline-card p:hover,.project-content p:hover,.contact-copy p:hover,.form-note:hover,.metrics span:hover{color:#343b45;transform:translate(3px)}.button:hover{box-shadow:0 24px 58px #10131833;transform:translate(var(--magnetic-x),calc(var(--magnetic-y) - 5px)) scale(1.02)}.hero-visual{transition:box-shadow .26s ease,filter .26s ease}.hero-visual:hover{box-shadow:0 34px 100px #0f8b8d3d}.hero-visual:hover img{filter:saturate(1.16) contrast(1.04)}.hero-float-card{transition:background .22s ease,box-shadow .22s ease,transform .22s ease}.hero-float-card:hover{background:#ffffffd6;box-shadow:0 26px 62px #10131838;transform:translateY(-8px) scale(1.03)}.metrics div:hover strong{color:var(--teal);transform:translate(4px)}.metrics strong{transition:color .22s ease,transform .22s ease}.section-heading{transition:transform .26s ease}.section-heading:hover{transform:translateY(-4px)}.project-card:hover,.stream-item:hover,.timeline-card:hover,.contact-form:hover{background:linear-gradient(145deg,#ffffffe0,#fff9)}.project-card:hover{box-shadow:0 34px 86px #10131829}.stream-item{transition:background .24s ease,transform .26s ease,box-shadow .26s ease}.stream-item:hover{box-shadow:0 26px 70px #10131821}.timeline-card{transition:background .24s ease,box-shadow .26s ease,transform .26s ease}.timeline-card:hover{box-shadow:0 28px 72px #10131821;transform:translateY(-6px)}.timeline-card:hover .status-dot{background:var(--coral);transform:scale(1.2)}.status-dot{transition:background .22s ease,transform .22s ease}.contact-links a{transition:color .22s ease,gap .22s ease,transform .22s ease}.contact-links a:hover{gap:14px;transform:translate(4px)}.contact-form{transition:background .24s ease,box-shadow .26s ease,transform .26s ease}.contact-form:hover{box-shadow:0 28px 82px #10131821;transform:translateY(-5px)}.contact-form label{transition:color .22s ease,transform .22s ease}.contact-form label:hover{color:var(--teal);transform:translate(3px)}.site-footer span,.site-footer a{transition:color .22s ease,transform .22s ease}.site-footer span:hover,.site-footer a:hover{transform:translateY(-2px)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.scroll-reactor{display:none}}@media(max-width:1100px){.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-card:nth-child(2),.project-card:nth-child(3),.project-card:nth-child(4){margin-top:0}.company-card{grid-template-columns:auto 1fr}.company-card .button{grid-column:2;justify-self:start}}@media(max-width:900px){.site-header{position:sticky;top:0}.nav-links{display:none}.menu-toggle{display:inline-flex}.nav-links.is-open{align-items:stretch;background:#f8f7f2fa;border-bottom:1px solid var(--line);box-shadow:0 20px 34px #1013181a;display:flex;flex-direction:column;gap:0;left:0;padding:10px 18px 16px;position:absolute;right:0;top:100%}.nav-links.is-open a{border-bottom:1px solid var(--line);min-height:48px;padding:14px 4px}.nav-links.is-open a:last-child{border-bottom:0}.hero,.split-section,.contact-section{grid-template-columns:1fr}.hero{min-height:auto;padding-bottom:64px;padding-top:44px}.hero-visual{margin-top:0;transform:none}.scroll-reactor{display:none}.metrics,.project-grid,.company-card{grid-template-columns:1fr}.company-card .button{grid-column:auto;justify-self:stretch}.section-block{padding:76px 0}}@media(max-width:560px){.site-header{padding:12px 16px}.brand{font-size:.82rem}.brand span{height:36px;width:36px}.hero{gap:32px;padding-bottom:48px;padding-top:32px}.live-terminal{font-size:.64rem}.terminal-line{white-space:normal}.section-panel,.section-block,.metrics,.capability-marquee,.build-pipeline,.site-footer{width:calc(100% - 32px)}h1{font-size:clamp(2.35rem,12.5vw,3.4rem);line-height:.98}.hero h1 span{display:inline}.hero h1 span:after{content:" "}.hero-actions,.button,.site-footer{width:100%}.button{align-items:center}.hero-float-card{min-width:0;padding:10px 12px}.hero-float-card strong{font-size:.78rem}.float-card-one{left:10px;top:10px}.float-card-two{bottom:10px;right:10px}.company-card,.project-content,.stream-item,.timeline-card,.contact-form{padding:20px}.contact-links a{max-width:100%;overflow-wrap:anywhere}.build-pipeline{height:104px}.pipeline-step strong{font-size:.78rem}.site-footer{align-items:flex-start;flex-direction:column;gap:12px}}@media(max-width:360px){.brand strong{display:none}h1{font-size:2.25rem}.hero-float-card span{font-size:.62rem}.hero-float-card strong{font-size:.7rem}}@media(hover:none)and (pointer:coarse){body:before,.ambient,.hero:before,.hero-visual:before,.hero-visual img,.hero-float-card,.pipeline-beam,.pipeline-beam i,.pipeline-step:before,.capability-track,.project-preview:after,.mock-site,.sidebar-lines,.dashboard-bars,.dashboard-bars span,.phone-frame,.experience-section:after,.status-dot,.app-shell:before{animation:none}.site-header,.hero-float-card,.metrics,.project-card,.stream-item,.timeline-card,.contact-form,.company-card{-webkit-backdrop-filter:none;backdrop-filter:none}.app-shell:after{display:none}.section-block{content-visibility:auto;contain-intrinsic-size:800px}.tilt-card:hover,.contact-form:hover,.timeline-card:hover,.button:hover{transform:none}.project-card:hover .project-preview,.project-card:hover .project-image{animation:none;transform:none}}
