:root{--bg:#020606;--panel:#071313;--panel-strong:#0c1c1a;--text:#c6d6d0;--text-strong:#f2fff9;--muted:#78908a;--acid:#c7ff3f;--cyan:#4fffe5;--amber:#ffb24a;--line:#effff929;--shadow:0 28px 90px #0000007a;--sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;font-family:var(--sans);color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{background:var(--bg);min-width:320px;min-height:100vh;margin:0}body::selection{color:#04100a;background:var(--acid)}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid var(--acid);outline-offset:3px}img{max-width:100%}.site-shell{--content-max:clamp(1180px, 86vw, 1880px);--page-gutter:clamp(40px, 5vw, 112px);--mx:50vw;--my:50vh;isolation:isolate;scroll-behavior:smooth;scroll-snap-type:y mandatory;overscroll-behavior-y:contain;height:100svh;color:var(--text);background:radial-gradient(circle at 73% 10%,#51ffe22e,#0000 30rem),radial-gradient(circle at 15% 24%,#ffb04221,#0000 24rem),linear-gradient(#020606 0%,#061111 48%,#030707 100%);position:relative;overflow:hidden auto}.site-shell.is-detail{scroll-snap-type:none;overscroll-behavior-y:auto;height:100svh;min-height:100vh;overflow:hidden auto}.site-shell::-webkit-scrollbar{width:0}.site-shell:before{content:"";z-index:-3;opacity:.23;background-image:linear-gradient(#7fffec1f 1px,#0000 1px),linear-gradient(90deg,#7fffec1f 1px,#0000 1px);background-size:68px 68px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000 0%,#0000 88%);mask-image:linear-gradient(#000 0%,#0000 88%)}.site-shell:after{content:"";z-index:-2;pointer-events:none;opacity:.26;background-image:linear-gradient(115deg,#0000 0 47%,#c6ff3c29 49%,#0000 51%),linear-gradient(15deg,#0000 0 63%,#4fffe524 65%,#0000 67%);background-size:420px 420px,560px 560px;position:fixed;inset:0}.particle-field{z-index:-1;pointer-events:none;opacity:.74;position:fixed;inset:0}.page-glow{z-index:-1;filter:blur(42px);pointer-events:none;background:radial-gradient(circle,#c6ff3f30,#0000 68%);border-radius:50%;width:min(74rem,92vw);height:30rem;position:fixed;inset:auto auto -22rem 50%;transform:translate(-50%)}.cursor-aura{z-index:3;pointer-events:none;filter:blur(12px);mix-blend-mode:screen;opacity:.72;contain:layout paint;will-change:transform;background:radial-gradient(circle,#c6ff3f33,#0000 42%),radial-gradient(circle,#4fffe52e,#0000 62%);border-radius:50%;width:310px;height:310px;position:fixed;top:0;left:0;transform:translate(50vw,50vh)translate(-50%,-50%)}.energy-layer{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.energy-layer span{top:calc((var(--line-index) * 8.1%) - 8%);opacity:0;width:48vw;height:2px;animation:energySweep 5.8s var(--line-delay) linear infinite;background:linear-gradient(90deg,#0000,#c6ff3fbf,#4fffe575,#0000);position:absolute;left:-26vw;transform:rotate(-18deg)translate(-20vw);box-shadow:0 0 24px #c6ff3f52}.boot-sequence{z-index:200;pointer-events:none;background:radial-gradient(circle at 50% 45%,#4fffe52e,#0000 28rem),#020606;place-items:center;transition:opacity .52s,visibility .52s;display:grid;position:fixed;inset:0;overflow:hidden}.boot-sequence.is-done{visibility:hidden;opacity:0}.project-launch{z-index:80;pointer-events:none;opacity:0;background:radial-gradient(circle at var(--launch-x,50vw) var(--launch-y,50vh), color-mix(in srgb, var(--project-accent), transparent 62%), transparent 21rem), linear-gradient(90deg, transparent, #020c0cad, transparent);mix-blend-mode:screen;animation:1.38s cubic-bezier(.19,1,.22,1) forwards launchFade;position:fixed;inset:0;overflow:hidden}.project-launch:before,.project-launch:after{content:"";position:absolute;inset:0}.project-launch:before{background:radial-gradient(circle at var(--launch-x,50vw) var(--launch-y,50vh), #effff975, transparent 5rem), repeating-linear-gradient(90deg, transparent 0 46px, color-mix(in srgb, var(--project-accent), transparent 86%) 47px 48px), repeating-linear-gradient(0deg, transparent 0 22px, #effff914 23px 24px);opacity:0;animation:1.04s ease-out forwards launchGrid;transform:scale(1.08)}.project-launch:after{background:linear-gradient(112deg, transparent 0 31%, color-mix(in srgb, var(--project-accent), transparent 42%) 38%, #effff9d6 50%, color-mix(in srgb, var(--project-accent), transparent 50%) 62%, transparent 70% 100%);animation:1.08s cubic-bezier(.19,1,.22,1) forwards launchBlade;transform:translate(-130%)skew(-12deg)}.launch-ring,.launch-core,.launch-line,.launch-shard{left:var(--launch-x,50vw);top:var(--launch-y,50vh);position:absolute;transform:translate(-50%,-50%)}.launch-ring{aspect-ratio:1;border:1px solid color-mix(in srgb, var(--project-accent), transparent 34%);width:min(72vw,980px);box-shadow:0 0 34px color-mix(in srgb, var(--project-accent), transparent 54%), inset 0 0 34px color-mix(in srgb, var(--project-accent), transparent 76%);opacity:0;border-radius:50%;animation:1.28s cubic-bezier(.19,1,.22,1) forwards launchRing}.launch-ring-two{width:min(46vw,680px);animation-delay:80ms}.launch-core{aspect-ratio:1;background:radial-gradient(circle, #effff9e6 0 8%, color-mix(in srgb, var(--project-accent), white 18%) 9% 22%, transparent 58%);filter:blur(2px);opacity:0;border-radius:50%;width:min(12vw,160px);animation:.94s ease-out forwards launchCore}.launch-line{background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--project-accent), white 10%), #effff9e6, transparent);width:150vw;height:2px;box-shadow:0 0 28px color-mix(in srgb, var(--project-accent), transparent 30%);opacity:0;animation:1.18s ease-out forwards launchLine;transform:translate(-50%,-50%)rotate(-14deg)translate(-44vw)}.launch-line-two{animation-delay:90ms;transform:translate(-50%,-50%)rotate(18deg)translate(44vw)}.launch-shard{background:linear-gradient(90deg, transparent, #effff9eb, color-mix(in srgb, var(--project-accent), white 10%), transparent);width:128px;height:2px;box-shadow:0 0 22px color-mix(in srgb, var(--project-accent), transparent 26%);opacity:0;transform:translate(-50%, -50%) rotate(var(--shard-angle)) translateX(0) scaleX(.18);animation:launchShard 1.12s var(--shard-delay) cubic-bezier(.19, 1, .22, 1) forwards;border-radius:999px}.is-launching .project-card.is-active{animation:1ms both cardArrive,1.12s cubic-bezier(.19,1,.22,1) both launchCardCharge}.is-launching .project-detail{animation:1ms both detailSwap,.98s cubic-bezier(.19,1,.22,1) both launchPanelPulse}.boot-sequence strong,.boot-sequence span{z-index:2;position:absolute}.boot-sequence strong{color:var(--text-strong);text-shadow:0 0 20px #c6ff3f80,0 0 70px #4fffe547;font-size:clamp(42px,8vw,92px);font-weight:900;animation:1.16s forwards bootText}.boot-sequence span{color:#effff9b3;letter-spacing:0;margin-top:112px;font-weight:800;animation:1.16s forwards bootCaption}.boot-ring{aspect-ratio:1;filter:drop-shadow(0 0 46px #c6ff3f57);background:conic-gradient(#0000,#c6ff3fe6,#4fffe5c7,#0000 32%),radial-gradient(circle,#0000 58%,#4fffe529 60%,#0000 66%);border:1px solid #c6ff3f59;border-radius:50%;width:min(62vw,560px);animation:1.16s cubic-bezier(.17,.84,.44,1) forwards bootRing;-webkit-mask-image:radial-gradient(circle,#0000 0 48%,#000 50% 100%);mask-image:radial-gradient(circle,#0000 0 48%,#000 50% 100%)}.topbar{z-index:10;width:min(var(--content-max), calc(100% - var(--page-gutter)));justify-content:space-between;align-items:center;margin:0;padding:24px 0;display:flex;position:fixed;top:0;left:50%;transform:translate(-50%)}.section-dock{right:max(20px, calc((100vw - var(--content-max)) / 2 - 74px));z-index:12;gap:14px;display:grid;position:fixed;top:50%;transform:translateY(-50%)}.section-dock a{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#020c0c7a;border:1px solid #effff929;border-radius:999px;place-items:center;width:36px;height:36px;text-decoration:none;transition:transform .18s,border-color .18s,background .18s;display:grid;position:relative}.section-dock a:before{content:"";background:#effff985;border-radius:50%;width:7px;height:7px;box-shadow:0 0 16px #4fffe53d}.section-dock a:hover,.section-dock a:focus-visible{background:#c6ff3f14;border-color:#c6ff3f94;outline:none;transform:translate(-4px)}.section-dock a:hover:before,.section-dock a:focus-visible:before{background:var(--acid)}.section-dock span{opacity:0;color:#effff9c2;white-space:nowrap;pointer-events:none;font-size:12px;font-weight:800;transition:opacity .18s,transform .18s;position:absolute;right:46px;transform:translate(8px)}.section-dock a:hover span,.section-dock a:focus-visible span{opacity:1;transform:translate(0)}.brand{color:var(--text-strong);align-items:center;gap:8px;font-size:17px;font-weight:800;text-decoration:none;display:inline-flex}.brand span:nth-child(2){color:var(--acid);text-shadow:0 0 18px #c6ff3fb3}.topbar nav{align-items:center;gap:4px;display:flex}.topbar nav a,.nav-button{color:#effff9bd;font-size:14px;font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;padding:10px 14px;text-decoration:none;transition:border-color .18s,color .18s,background .18s}.topbar nav a:hover,.topbar nav a:focus-visible,.nav-button:hover,.nav-button:focus-visible{color:var(--text-strong);background:#c6ff3f12;border-color:#c6ff3f57;outline:none}.hero-section{width:min(var(--content-max), calc(100% - var(--page-gutter)));scroll-snap-align:start;scroll-snap-stop:always;grid-template-columns:minmax(0,.86fr) minmax(420px,1.14fr);align-items:center;gap:clamp(42px,4vw,86px);min-height:100svh;margin:0 auto;padding:92px 0 58px;display:grid}.hero-copy{z-index:2;position:relative}.hero-copy h1{max-width:780px;color:var(--text-strong);letter-spacing:0;margin:0;font-size:clamp(48px,5.9vw,128px);line-height:1.02}.title-line{opacity:0;animation:.9s cubic-bezier(.19,1,.22,1) forwards titleReveal;display:block;transform:translateY(38px)}.title-line:nth-child(2){animation-delay:.13s}.hero-copy h1 em{color:var(--acid);text-shadow:0 0 26px #c6ff3f6b;font-style:normal;display:inline-block;position:relative}.hero-copy h1 em:after{content:"";z-index:-1;transform-origin:0;background:linear-gradient(90deg,#0000,#c6ff3f80,#0000);height:.16em;animation:1.5s ease-in-out .6s infinite alternate accentCharge;position:absolute;bottom:.02em;left:0;right:0}.hero-copy p{color:#effff9c4;max-width:720px;margin:30px 0 0;font-size:18px;line-height:1.75}.hero-actions{flex-wrap:wrap;gap:14px;margin-top:34px;display:flex}.primary-action,.ghost-action,.outline-action{min-height:48px;font:inherit;cursor:pointer;border-radius:6px;justify-content:center;align-items:center;gap:10px;font-weight:800;line-height:1;transition:transform .18s,border-color .18s,background .18s,box-shadow .18s;display:inline-flex;position:relative;overflow:hidden}.primary-action{color:#061009;background:linear-gradient(135deg, var(--acid), #f0ff83);border:1px solid #f0ff83cc;padding:0 22px;text-decoration:none;box-shadow:0 0 34px #c6ff3f42,inset 0 1px #ffffff70}.ghost-action,.outline-action{color:var(--text-strong);background:#0814146b;border:1px solid #effff93d;padding:0 20px}.outline-action{margin-top:28px}.primary-action:after,.ghost-action:after,.outline-action:after{content:"";background:linear-gradient(90deg,#0000,#ffffff85,#0000);width:42%;animation:3.1s ease-in-out infinite buttonSweep;position:absolute;inset:-20% auto -20% -46%;transform:skew(-18deg)}.primary-action:hover,.ghost-action:hover,.outline-action:hover{border-color:#c6ff3fb3;transform:translateY(-2px)}.button-icon{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:18px;height:18px}.signal-strip{opacity:0;background:#01090980;border:1px solid #65ffe730;border-radius:8px;grid-template-columns:repeat(3,minmax(0,1fr));max-width:650px;margin-top:44px;animation:.85s .42s forwards fadeRise;display:grid;overflow:hidden;transform:translateY(22px)}.signal-strip span{color:#effff9cc;border-right:1px solid #65ffe721;align-items:center;min-height:68px;padding:14px 16px;font-size:14px;display:flex;position:relative}.signal-strip span:last-child{border-right:0}.signal-strip span:after{content:"";background:linear-gradient(90deg, var(--acid), transparent);transform-origin:0;height:2px;animation:2.8s ease-in-out infinite signalPulse;position:absolute;inset:auto 16px 11px}.hero-visual{--tilt-x:0deg;--tilt-y:0deg;min-height:clamp(570px,46vw,860px);transform-style:preserve-3d;transform:perspective(1100px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));place-items:center;transition:transform .12s ease-out;display:grid;position:relative}.hero-visual img{z-index:2;aspect-ratio:1.33;object-fit:contain;filter:drop-shadow(0 0 38px #45ffe357);width:min(690px,100%);animation:4.8s ease-in-out infinite coreFloat,2.8s ease-in-out infinite corePulse;position:relative;-webkit-mask-image:radial-gradient(#000 0 57%,#000000db 68%,#0000 84%);mask-image:radial-gradient(#000 0 57%,#000000db 68%,#0000 84%)}.showcase-wall{place-items:stretch stretch;min-height:clamp(590px,47vw,880px);padding:clamp(18px,1.6vw,34px)}.showcase-wall>img{filter:none;width:auto;animation:none;-webkit-mask-image:none;mask-image:none}.wall-screen,.wall-card-stack,.wall-system-preview,.wall-phone-preview{z-index:3;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#020c0cb8;border:1px solid #effff92e;border-radius:8px;margin:0;position:absolute;overflow:hidden;box-shadow:0 28px 90px #00000075}.wall-screen:after,.wall-card-stack:after,.wall-system-preview:after,.wall-phone-preview:after{content:"";pointer-events:none;opacity:.72;background:linear-gradient(#0000 54%,#000000a8),repeating-linear-gradient(0deg,#ffffff09 0 1px,#0000 1px 7px);position:absolute;inset:0}.wall-screen img{object-fit:cover;filter:none;width:100%;height:100%;animation:none;display:block;-webkit-mask-image:none;mask-image:none}.scoreboard-mock{width:100%;height:100%;min-height:220px;color:var(--text-strong);background:linear-gradient(135deg,#c6ff3f21,#0000 42%),radial-gradient(circle at 80% 16%,#ffb24a2e,#0000 32%),#020c0cd1;grid-template-rows:auto 1fr auto;gap:12px;padding:18px;display:grid;position:relative}.scoreboard-mock:before{content:"";pointer-events:none;background:repeating-linear-gradient(0deg,#ffffff09 0 1px,#0000 1px 8px),repeating-linear-gradient(90deg,#0000 0 28px,#c6ff3f0b 29px 30px);position:absolute;inset:0}.scoreboard-top,.scoreboard-bottom,.scoreboard-grid{z-index:1;position:relative}.scoreboard-top{justify-content:space-between;align-items:center;gap:14px;display:flex}.scoreboard-top span,.scoreboard-bottom{color:#effff99e;font-size:12px;font-weight:800}.scoreboard-top strong{color:var(--acid);font-size:15px}.scoreboard-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-content:center;gap:7px;display:grid}.scoreboard-grid span{background:#effff90b;border:1px solid #effff91a;border-radius:5px;grid-template-columns:auto 1fr auto;align-items:center;gap:7px;min-width:0;padding:6px 7px;display:grid}.scoreboard-grid b{color:#061009;background:var(--acid);border-radius:3px;padding:2px 4px;font-size:10px;line-height:1}.scoreboard-grid i{background:linear-gradient(90deg,#c6ff3fcc,#4fffe51f);border-radius:999px;height:4px}.scoreboard-grid em{color:#effff9d1;font-size:11px;font-style:normal;font-weight:900}.scoreboard-bottom{padding-top:4px}.wall-screen figcaption{z-index:4;color:var(--text-strong);font-size:13px;font-weight:900;position:absolute;bottom:12px;left:14px}.wall-main{width:72%;height:45%;animation:4.8s ease-in-out infinite screenFloat;top:11%;left:2%;transform:perspective(1000px)rotateY(-8deg)rotateX(4deg)}.wall-control{width:42%;height:31%;animation:5.2s ease-in-out .2s infinite screenFloat;top:40%;right:0;transform:perspective(900px)rotateY(9deg)rotateX(3deg)}.wall-card-stack{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:30%;min-width:190px;padding:10px;display:grid;bottom:6%;left:9%;transform:rotate(-3deg)}.wall-system-preview{gap:10px;width:31%;min-width:220px;padding:18px;display:grid;bottom:6%;left:9%;transform:rotate(-3deg)}.wall-system-preview span,.wall-system-preview strong,.wall-system-preview small,.wall-system-preview div{z-index:4;position:relative}.wall-system-preview span{color:#ff8cac;font-size:12px;font-weight:900}.wall-system-preview strong{color:var(--text-strong);font-size:24px;line-height:1}.wall-system-preview div{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.wall-system-preview i{background:#effff91f;border-radius:999px;height:5px;display:block;overflow:hidden}.wall-system-preview i:before{content:"";border-radius:inherit;background:linear-gradient(90deg, #ff5d86, var(--acid));width:72%;height:100%;display:block}.wall-system-preview small{color:#effff9a3;white-space:nowrap;font-size:12px}.wall-phone-preview{align-content:space-between;width:28%;min-width:170px;height:32%;padding:18px;display:grid;bottom:7%;right:16%;transform:rotate(2deg)}.wall-phone-preview span,.wall-phone-preview strong,.wall-phone-preview small{z-index:4;display:block;position:relative}.wall-phone-preview span{color:var(--acid);font-size:13px;font-weight:900}.wall-phone-preview strong{color:var(--text-strong);font-size:26px}.wall-phone-preview i{z-index:4;background:#effff921;border-radius:999px;height:5px;display:block;position:relative;overflow:hidden}.wall-phone-preview i:before{content:"";border-radius:inherit;background:linear-gradient(90deg, var(--acid), var(--cyan));width:74%;height:100%;display:block}.wall-phone-preview small{color:#effff999;line-height:1.45}.showcase-wall .status-panel{z-index:5;top:8%;right:2%}.core-burst{z-index:1;aspect-ratio:1;filter:blur(20px);background:radial-gradient(circle,#ffb5454d,#0000 34%),radial-gradient(circle,#4fffe538,#0000 62%);border-radius:50%;width:54%;animation:2.4s ease-in-out infinite coreBurst;position:absolute}.data-stream{z-index:3;opacity:0;background:linear-gradient(#0000,#c6ff3fe0,#4fffe5a3,#0000);border-radius:999px;width:2px;height:62%;animation:2.8s ease-in-out infinite dataDrop;position:absolute;transform:rotate(28deg)translateY(-80px);box-shadow:0 0 18px #c6ff3f73}.stream-one{top:8%;left:31%}.stream-two{animation-delay:.8s;top:18%;right:30%}.stream-three{animation-delay:1.45s;top:-2%;left:52%}.scanner{z-index:4;filter:blur(16px);clip-path:polygon(44% 0,56% 0,68% 100%,32% 100%);mix-blend-mode:screen;background:linear-gradient(#b7ffff61,#0000);width:100%;height:44%;animation:2.1s ease-in-out infinite scanPulse;position:absolute;inset:4% 0 auto}.orbital-ring{aspect-ratio:1;border:1px solid #5cffe933;border-radius:50%;width:77%;position:absolute;transform:rotateX(66deg)rotate(18deg);box-shadow:inset 0 0 42px #5cffe914}.ring-one{animation:7s linear infinite orbitOne}.ring-two{border-color:#ffb54538;width:58%;animation:9s linear infinite reverse orbitTwo}.status-panel,.orbit-chip{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#010a0a9e;border:1px solid #effff933;border-radius:8px;position:absolute;box-shadow:0 24px 80px #00000057}.status-panel{gap:6px;width:158px;padding:18px;display:grid;top:19%;right:1%}.status-panel i{background:#effff91f;border-radius:999px;height:4px;display:block;overflow:hidden}.status-panel i:before{content:"";border-radius:inherit;background:linear-gradient(90deg, var(--acid), var(--cyan));width:48%;height:100%;animation:1.25s ease-in-out infinite alternate statusLoad;display:block;box-shadow:0 0 18px #c6ff3f85}.status-panel span,.status-panel small{color:#effff994;font-size:12px}.status-panel strong{color:var(--text-strong);font-size:32px;line-height:1}.status-panel b{color:var(--acid);font-size:13px}.orbit-chip{color:#effff9d6;padding:8px 11px;font-size:13px;animation:2.9s ease-in-out infinite chipFloat}.chip-1{top:18%;left:8%}.chip-2{animation-delay:.35s;bottom:21%;right:8%}.chip-3{animation-delay:.7s;bottom:27%;left:6%}.chip-4{animation-delay:1.05s;top:10%;right:28%}.reveal{opacity:0;transition:opacity .78s,transform .78s cubic-bezier(.19,1,.22,1);transform:translateY(42px)}.reveal.is-visible{opacity:1;transform:translateY(0)}.project-section,.home-projects,.lab-section,.contact-section{width:min(var(--content-max), calc(100% - var(--page-gutter)));scroll-snap-align:start;scroll-snap-stop:always;border-top:0;min-height:100svh;margin:0 auto;padding:92px 0 42px}.project-section{align-content:center;min-height:100svh;display:grid}.home-projects{padding-top:42px}.home-projects-head{grid-template-columns:.36fr 1fr;align-items:end;gap:36px;margin-bottom:24px;display:grid}.home-projects-head p{color:var(--acid);margin:0;font-size:13px;font-weight:800}.home-projects-head h2{color:var(--text-strong);letter-spacing:0;margin:0;font-size:clamp(34px,4.6vw,58px);line-height:1.05}.home-project-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.home-project-card{border:1px solid color-mix(in srgb, var(--project-accent), transparent 70%);background:radial-gradient(circle at 70% 12%, color-mix(in srgb, var(--project-accent), transparent 74%), transparent 28%), linear-gradient(180deg, #effff90e, #effff905), #031111ad;border-radius:8px;min-height:300px;padding:22px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0f}.home-project-card:before{content:"";background:repeating-linear-gradient(125deg, transparent 0 22px, #ffffff0b 23px 24px), linear-gradient(115deg, transparent, color-mix(in srgb, var(--project-accent), transparent 86%), transparent);opacity:.8;pointer-events:none;position:absolute;inset:0}.home-project-card:after{content:"";background:linear-gradient(90deg, var(--project-accent), transparent);transform-origin:0;height:2px;animation:3.2s ease-in-out infinite signalPulse;position:absolute;bottom:22px;left:22px;right:22px}.home-project-card span,.home-project-card h3,.home-project-card strong,.home-project-card p,.home-project-card small{z-index:1;position:relative}.home-project-card span{color:color-mix(in srgb, var(--project-accent), white 16%);font-size:13px;font-weight:800}.home-project-card h3{color:var(--text-strong);margin:76px 0 12px;font-size:25px;line-height:1.05}.home-project-card strong{color:color-mix(in srgb, var(--project-accent), white 10%);font-size:14px;line-height:1.4;display:block}.home-project-card p{color:#effff9ad;margin:16px 0 0;font-size:14px;line-height:1.7}.home-project-card small{color:#effff98c;margin-top:14px;font-size:12px;font-weight:800;display:block}.project-link,.detail-open,.detail-back{z-index:2;min-height:38px;color:var(--text-strong);border:1px solid color-mix(in srgb, var(--project-accent), transparent 58%);font:inherit;cursor:pointer;background:#020c0ca8;border-radius:6px;justify-content:center;align-items:center;gap:9px;font-size:13px;font-weight:800;transition:transform .18s,border-color .18s,background .18s,box-shadow .18s;display:inline-flex;position:relative}.project-link{position:absolute;bottom:34px;left:22px;right:22px}.project-link:hover,.detail-open:hover,.detail-back:hover{border-color:color-mix(in srgb, var(--project-accent), white 14%);background:color-mix(in srgb, var(--project-accent), #020c0cc2 88%);box-shadow:0 0 28px color-mix(in srgb, var(--project-accent), transparent 78%);transform:translateY(-2px)}.section-heading{grid-template-columns:.55fr 1fr;align-items:end;gap:36px;margin-bottom:22px;display:grid}.section-heading p,.lab-copy p{color:var(--acid);margin:0;font-size:13px;font-weight:800}.section-heading h2,.lab-copy h2,.contact-section h2{color:var(--text-strong);letter-spacing:0;margin:0;font-size:clamp(42px,3.2vw,72px);line-height:1.12}.project-layout{grid-template-columns:minmax(0,1.52fr) minmax(320px,.48fr);align-items:start;gap:clamp(16px,1.3vw,28px);display:grid}.project-rail{grid-area:1/1;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:clamp(12px,1vw,22px);display:grid}.project-card{text-align:left;min-height:clamp(230px,15vw,330px);color:var(--text-strong);cursor:pointer;transform-style:preserve-3d;opacity:0;animation:cardArrive .72s var(--card-delay) cubic-bezier(.19, 1, .22, 1) forwards;background:#041111b8;border:1px solid #effff926;border-radius:8px;transition:transform .22s,border-color .22s,box-shadow .22s;position:relative;overflow:hidden;translate:0 26px}.project-card:after{content:"";background:linear-gradient(180deg, transparent 26%, #000000c7 100%), radial-gradient(circle at 55% 22%, color-mix(in srgb, var(--project-accent), transparent 28%), transparent 44%);opacity:.92;position:absolute;inset:0}.project-card:before{content:"";z-index:1;border-radius:inherit;background:linear-gradient(120deg, transparent, color-mix(in srgb, var(--project-accent), white 26%), transparent);opacity:0;transition:opacity .18s;position:absolute;inset:-1px;transform:translate(-80%)}.project-card:hover,.project-card.is-active{border-color:color-mix(in srgb, var(--project-accent), white 10%);box-shadow:0 24px 70px color-mix(in srgb, var(--project-accent), transparent 78%);transform:translateY(-7px)rotateX(3deg)}.project-card.is-active:before{opacity:.54;animation:1.9s ease-in-out infinite cardLaser}.project-art{background:radial-gradient(circle at 50% 18%, color-mix(in srgb, var(--project-accent), white 18%), transparent .8rem), repeating-linear-gradient(125deg, transparent 0 22px, #ffffff0d 23px 24px), conic-gradient(from 140deg at 50% 35%, transparent, color-mix(in srgb, var(--project-accent), #061111 18%), transparent, #ffffff1a, transparent);filter:saturate(1.2);animation:7s ease-in-out infinite artDrift;position:absolute;inset:0}.project-scan{z-index:2;opacity:0;background:linear-gradient(#0000,#c6ff3f33,#0000);position:absolute;inset:0;transform:translateY(-100%)}.project-card.is-active .project-scan{opacity:1;animation:2.8s ease-in-out infinite projectScan}.project-index,.project-card strong,.project-card small,.project-metric{z-index:3;position:absolute;left:18px;right:18px}.project-index{color:color-mix(in srgb, var(--project-accent), white 20%);font-size:13px;font-weight:800;top:18px}.project-card strong{font-size:clamp(19px,1.28vw,26px);line-height:1.14;bottom:66px}.project-card small{color:#effff9b8;font-size:13px;line-height:1.25;bottom:40px}.project-metric{color:color-mix(in srgb, var(--project-accent), white 12%);font-size:13px;font-weight:800;bottom:18px}.project-progress{background:#effff91a;border-radius:999px;grid-area:2/1/auto/-1;height:4px;overflow:hidden}.project-progress span{border-radius:inherit;background:linear-gradient(90deg, var(--project-accent), transparent);transform-origin:0;width:100%;height:100%;animation:4.2s linear forwards projectTimer;display:block}.project-detail{border:1px solid color-mix(in srgb, var(--project-accent), transparent 55%);background:radial-gradient(circle at 85% 20%, color-mix(in srgb, var(--project-accent), transparent 76%), transparent 38%), #041111a8;border-radius:8px;flex-direction:column;grid-area:1/2;justify-content:flex-end;min-height:clamp(230px,15vw,330px);padding:clamp(18px,1.4vw,30px);animation:.62s cubic-bezier(.19,1,.22,1) detailSwap;display:flex;box-shadow:inset 0 1px #ffffff14}.project-detail span{color:color-mix(in srgb, var(--project-accent), white 12%);font-size:13px;font-weight:800}.project-detail h3{color:var(--text-strong);margin:8px 0 12px;font-size:clamp(28px,2vw,42px);line-height:1}.project-detail p{color:#effff9bd;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:clamp(16px,.95vw,20px);line-height:1.55;display:-webkit-box;overflow:hidden}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px;display:grid}.detail-grid div{border:1px solid #effff926;border-radius:8px;padding:12px}.detail-grid strong,.detail-grid small{display:block}.detail-grid strong{color:var(--text-strong);font-size:20px}.detail-grid small{color:#effff98a}.detail-open{width:100%;margin-top:14px}.detail-page{width:min(var(--content-max), calc(100% - var(--page-gutter)));margin:0 auto;padding:clamp(104px,7vw,150px) 0 clamp(96px,7vw,150px);animation:.82s cubic-bezier(.19,1,.22,1) both detailMaterialize}.detail-hero{grid-template-columns:minmax(0,.76fr) minmax(480px,1.24fr);align-items:stretch;gap:clamp(34px,3vw,72px);min-height:clamp(620px,43vw,920px);animation:.9s cubic-bezier(.19,1,.22,1) both detailHeroShift;display:grid;position:relative}.detail-back{min-width:106px;padding:0 14px;position:absolute;top:0;left:0}.detail-hero-copy{flex-direction:column;justify-content:flex-end;min-height:clamp(620px,43vw,920px);padding-top:72px;padding-bottom:24px;display:flex}.detail-hero-copy>span,.detail-panel>span{color:color-mix(in srgb, var(--project-accent), white 12%);font-size:13px;font-weight:900}.detail-hero-copy h1{color:var(--text-strong);letter-spacing:0;text-shadow:0 0 42px color-mix(in srgb, var(--project-accent), transparent 72%);margin:14px 0 22px;font-size:clamp(54px,6vw,132px);line-height:.95}.detail-hero-copy p{color:#effff9c2;max-width:680px;margin:0;font-size:18px;line-height:1.78}.purpose-box{border:1px solid color-mix(in srgb, var(--project-accent), transparent 64%);background:linear-gradient(135deg, color-mix(in srgb, var(--project-accent), transparent 88%), transparent 58%), #020c0c94;border-radius:8px;max-width:680px;margin-top:24px;padding:18px}.purpose-box strong,.purpose-box span{display:block}.purpose-box strong{color:color-mix(in srgb, var(--project-accent), white 12%);font-size:13px}.purpose-box span{color:#effff9c2;margin-top:8px;line-height:1.65}.detail-hero-actions{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.detail-visual{border:1px solid color-mix(in srgb, var(--project-accent), transparent 58%);background:radial-gradient(circle at 70% 18%, color-mix(in srgb, var(--project-accent), transparent 74%), transparent 34%), linear-gradient(180deg, #effff90e, #effff905), #031111b8;border-radius:8px;min-height:620px;animation:.92s cubic-bezier(.19,1,.22,1) both detailVisualLock;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff14,0 34px 120px #0000005c}.detail-visual:before,.detail-visual:after{content:"";pointer-events:none;position:absolute;inset:0}.detail-visual:before{mix-blend-mode:screen;background:repeating-linear-gradient(125deg,#0000 0 24px,#ffffff0c 25px 26px),linear-gradient(#0000,#c6ff3f1f,#0000);animation:4.8s ease-in-out infinite detailScan}.detail-visual:after{border:1px solid color-mix(in srgb, var(--project-accent), transparent 54%);border-radius:inherit;opacity:.55;transform:scale(.96)}.detail-visual-screen{place-items:center;padding:34px;display:grid}.detail-main-screen{z-index:2;border:1px solid #effff938;border-radius:8px;width:min(100%,680px);animation:4.6s ease-in-out infinite screenFloat;position:relative;transform:perspective(900px)rotateY(-8deg)rotateX(4deg);box-shadow:0 24px 80px #0000006b}.detail-screen-thumbs{z-index:3;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:min(330px,48%);display:grid;position:absolute;bottom:26px;right:26px}.detail-screen-thumbs img{border:1px solid #effff933;border-radius:7px;box-shadow:0 18px 54px #00000061}.judge-preview{background:radial-gradient(circle at 70% 18%,#ffb24a33,#0000 36%),#020c0cd1;border:1px solid #effff933;border-radius:7px;align-content:space-between;min-height:118px;padding:14px;display:grid;box-shadow:0 18px 54px #00000061}.judge-preview span,.judge-preview strong,.judge-preview small{display:block}.judge-preview span{color:var(--amber);font-size:12px;font-weight:900}.judge-preview strong{color:var(--text-strong);font-size:22px;line-height:1.05}.judge-preview i{background:#effff91f;border-radius:999px;height:5px;display:block;overflow:hidden}.judge-preview i:before{content:"";border-radius:inherit;background:linear-gradient(90deg, var(--amber), var(--acid));width:82%;height:100%;display:block}.judge-preview small{color:#effff994}.detail-visual-red{align-items:center;padding:28px;display:grid}.red-system-board{z-index:2;background:radial-gradient(circle at 76% 18%,#ff5d8638,#0000 36%),linear-gradient(135deg,#ff5d861f,#ffffff05),#020c0cd1;border:1px solid #ff5d8647;border-radius:8px;gap:14px;padding:22px;display:grid;position:absolute;inset:32px 30px auto;box-shadow:0 28px 80px #0000006b}.red-system-board span,.red-system-board strong,.red-system-board small{display:block}.red-system-board span{color:#ff8cac;font-size:13px;font-weight:900}.red-system-board strong{color:var(--text-strong);font-size:clamp(32px,4vw,52px);line-height:1}.red-system-board i{background:#effff91f;border-radius:999px;height:5px;display:block;overflow:hidden}.red-system-board i:before{content:"";border-radius:inherit;background:linear-gradient(90deg, #ff5d86, var(--acid));width:74%;height:100%;display:block}.red-system-board small{color:#effff99e}.red-card-stack{z-index:3;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:12px;margin-top:220px;display:grid;position:relative}.abstract-card{z-index:3;aspect-ratio:.66;background:radial-gradient(circle at 50% 28%,#ffffff29,#0000 30%),linear-gradient(145deg,#ff5d863d,#c6ff3f1a),#020c0cd6;border:1px solid #effff933;border-radius:8px;align-content:space-between;padding:14px;animation:4.4s ease-in-out infinite cardFloat;display:grid;position:relative;overflow:hidden;box-shadow:0 28px 80px #0000006b}.abstract-card:before{content:"";aspect-ratio:1;filter:blur(1px);background:radial-gradient(circle,#ffffffb8,#0000 12%),conic-gradient(from 140deg,#0000,#ff5d869e,#c6ff3f4d,#0000);border:1px solid #effff933;border-radius:50%;position:absolute;inset:18% 18% auto}.abstract-card b,.abstract-card small{z-index:1;display:block;position:relative}.abstract-card b{color:var(--text-strong);font-size:22px;line-height:1}.abstract-card small{color:#effff9ad;white-space:nowrap;align-self:end;font-size:11px;line-height:1.35}.card-b{animation-delay:.24s;transform:translateY(-34px)}.card-c{animation-delay:.48s}.red-mini-screens{z-index:4;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:min(300px,42%);display:grid;position:absolute;bottom:24px;right:24px}.mini-system-panel{background:radial-gradient(circle at 80% 12%,#ff5d8633,#0000 36%),#020c0cd1;border:1px solid #effff933;border-radius:7px;gap:8px;padding:14px;display:grid;box-shadow:0 18px 54px #00000061}.mini-system-panel span,.mini-system-panel strong{display:block}.mini-system-panel span{color:#effff999;font-size:12px}.mini-system-panel strong{color:var(--text-strong);font-size:24px;line-height:1}.detail-visual-health{background:radial-gradient(circle at 24% 18%,#e17a433d,#0000 34%),radial-gradient(circle at 72% 74%,#4fffe529,#0000 38%),#020c0c94;align-items:center;padding:30px;display:grid}.health-dashboard-card{z-index:2;background:radial-gradient(circle at 90% 10%,#e17a4342,#0000 38%),linear-gradient(135deg,#e17a4329,#4fffe50f),#020c0cd1;border:1px solid #e17a4357;border-radius:8px;gap:16px;width:min(560px,82%);padding:clamp(24px,3vw,42px);animation:5s ease-in-out infinite panelFloat;display:grid;position:relative;box-shadow:0 32px 90px #00000070}.health-dashboard-card span{color:#ffb07f;font-size:13px;font-weight:900}.health-dashboard-card strong{color:var(--text-strong);font-size:clamp(30px,4vw,54px);line-height:1.05}.health-dashboard-card i{background:#effff91f;border-radius:999px;height:5px;display:block;overflow:hidden}.health-dashboard-card i:before{content:"";border-radius:inherit;background:linear-gradient(90deg, #e17a43, var(--cyan));width:68%;height:100%;display:block;box-shadow:0 0 20px #e17a4366}.health-dashboard-card small{color:#effff99e}.health-metric-stack{z-index:3;grid-template-columns:repeat(3,minmax(96px,1fr));gap:10px;width:min(430px,60%);display:grid;position:absolute;bottom:32px;right:32px}.health-metric-stack span{background:#010a0ab3;border:1px solid #effff929;border-radius:8px;gap:8px;padding:16px;display:grid;box-shadow:0 22px 64px #00000057}.health-metric-stack b{color:#ffb07f;font-size:24px}.health-metric-stack small{color:#effff994;font-size:12px}.detail-phone-stage,.detail-flow-stage{place-items:center;display:grid}.healing-aura{aspect-ratio:1;filter:blur(3px);background:radial-gradient(circle,#c6ff3f3d,#0000 22%),conic-gradient(from 120deg,#0000,#4fffe552,#0000,#c6ff3f3d,#0000);border:1px solid #c6ff3f47;border-radius:50%;width:460px;max-width:70%;animation:11s linear infinite orbitOne;position:absolute}.detail-phone{z-index:2;background:radial-gradient(circle at 50% 32%,#c6ff3f2e,#0000 34%),linear-gradient(#effff914,#effff905),#071313;border:1px solid #effff938;border-radius:30px;align-content:space-between;width:min(330px,72%);min-height:520px;padding:22px;animation:4.8s ease-in-out infinite screenFloat;display:grid;position:relative;box-shadow:0 34px 110px #00000085,inset 0 0 0 8px #00000047}.phone-status span,.phone-status strong,.phone-list span{display:block}.phone-status span{color:#effff98c;font-size:13px}.phone-status strong{color:var(--text-strong);margin-top:6px;font-size:34px}.breath-orb{aspect-ratio:1;filter:drop-shadow(0 0 42px #c6ff3f57);background:radial-gradient(circle,#f2fff9d9,#c6ff3f61 18%,#0000 58%),radial-gradient(circle,#4fffe53d,#0000 70%);border-radius:50%;justify-self:center;width:170px;animation:3.2s ease-in-out infinite breathPulse}.phone-list{gap:10px;display:grid}.phone-list span{color:#effff9cc;background:#effff90a;border:1px solid #effff921;border-radius:8px;padding:12px 14px}.floating-note{z-index:3;color:var(--text-strong);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#020c0cb8;border:1px solid #c6ff3f47;border-radius:8px;padding:9px 12px;animation:3.2s ease-in-out infinite chipFloat;position:absolute}.note-one{top:24%;left:18%}.note-two{animation-delay:.45s;top:38%;right:15%}.note-three{animation-delay:.9s;bottom:22%;left:21%}.detail-flow-stage img{z-index:2;object-fit:contain;filter:drop-shadow(0 0 48px #4fffe547);width:min(680px,110%);animation:4.8s ease-in-out infinite coreFloat;position:relative;-webkit-mask-image:radial-gradient(#000 0 58%,#000000c7 69%,#0000 84%);mask-image:radial-gradient(#000 0 58%,#000000c7 69%,#0000 84%)}.flow-node{z-index:3;text-align:center;min-width:72px;color:var(--text-strong);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#020c0cb8;border:1px solid #4fffe540;border-radius:8px;padding:10px 14px;font-weight:900;animation:3.1s ease-in-out infinite chipFloat;position:absolute;box-shadow:0 0 34px #4fffe51a}.node-a{top:23%;left:13%}.node-b{animation-delay:.34s;top:24%;right:14%}.node-c{animation-delay:.68s;bottom:24%;left:16%}.node-d{animation-delay:1.02s;bottom:22%;right:18%}.detail-content-grid{grid-template-columns:minmax(320px,.78fr) minmax(0,1.22fr);gap:clamp(14px,1.2vw,24px);margin-top:24px;display:grid}.detail-gallery{border:1px solid color-mix(in srgb, var(--project-accent), transparent 68%);background:radial-gradient(circle at 84% 12%, color-mix(in srgb, var(--project-accent), transparent 84%), transparent 30%), #03111194;border-radius:8px;margin-top:24px;padding:24px}.detail-gallery-head{grid-template-columns:.35fr 1fr;align-items:end;gap:28px;margin-bottom:20px;display:grid}.detail-gallery-head span{color:color-mix(in srgb, var(--project-accent), white 12%);font-size:13px;font-weight:900}.detail-gallery-head h2{color:var(--text-strong);margin:0;font-size:clamp(28px,4vw,46px);line-height:1.08}.screenshot-grid,.mock-screen-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.screenshot-grid-wide{grid-template-columns:1.2fr 1fr 1fr}.screenshot-grid-four{grid-template-columns:repeat(4,minmax(0,1fr))}.screenshot-grid-three{grid-template-columns:repeat(3,minmax(0,1fr))}.screenshot-grid-flow{grid-template-columns:repeat(2,minmax(0,1fr))}.screenshot-grid figure{background:radial-gradient(circle at 50% 16%, color-mix(in srgb, var(--project-accent), transparent 82%), transparent 34%), #020c0cb8;border:1px solid #effff929;border-radius:8px;justify-content:center;align-items:center;min-height:clamp(260px,18vw,380px);margin:0;display:flex;position:relative;overflow:hidden}.screenshot-grid figure:after{content:"";pointer-events:none;background:linear-gradient(#0000 58%,#000000ad);position:absolute;inset:0}.screenshot-wide{grid-column:span 2}.screenshot-phone-shot{min-height:clamp(420px,34vw,620px)}.screenshot-contain{padding:clamp(10px,1vw,18px)}.screenshot-contain:after{background:linear-gradient(#0000 64%,#000000a8),linear-gradient(90deg,#ffffff0d,#0000 22% 78%,#ffffff0d)}.screenshot-grid img{width:100%;height:100%;min-height:inherit;object-fit:cover;transition:transform .22s,filter .22s;transform:scale(1.01)}.screenshot-contain img{object-fit:contain;min-height:0}.screenshot-grid figure:hover img{filter:saturate(1.08)brightness(1.06);transform:scale(1.045)}.screenshot-grid figcaption{z-index:2;color:var(--text-strong);font-size:13px;font-weight:900;position:absolute;bottom:12px;left:14px}.mock-screen-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.mock-screen{border:1px solid color-mix(in srgb, var(--project-accent), transparent 68%);background:radial-gradient(circle at 50% 30%, color-mix(in srgb, var(--project-accent), transparent 72%), transparent 30%), linear-gradient(180deg, #effff912, #effff905), #031111c2;border-radius:8px;min-height:250px;padding:20px;position:relative;overflow:hidden}.mock-screen:before{content:"";background:linear-gradient(90deg, transparent, var(--project-accent), transparent);height:1px;position:absolute;inset:46px 18px auto}.mock-screen span,.mock-screen strong,.mock-screen small{z-index:1;display:block;position:relative}.mock-screen span{color:color-mix(in srgb, var(--project-accent), white 12%);font-size:13px;font-weight:900}.mock-screen strong{color:var(--text-strong);margin-top:78px;font-size:24px;line-height:1.15}.mock-screen i{background:#effff91f;border-radius:999px;height:5px;position:absolute;bottom:58px;left:20px;right:20px;overflow:hidden}.mock-screen i:before{content:"";border-radius:inherit;background:linear-gradient(90deg, var(--project-accent), var(--cyan));width:64%;height:100%;box-shadow:0 0 18px color-mix(in srgb, var(--project-accent), transparent 42%);display:block}.mock-screen small{color:#effff994;position:absolute;bottom:22px;left:20px}.detail-panel{border:1px solid color-mix(in srgb, var(--project-accent), transparent 66%);background:linear-gradient(135deg, color-mix(in srgb, var(--project-accent), transparent 92%), transparent 42%), #031111b8;border-radius:8px;min-height:310px;padding:clamp(24px,1.6vw,34px)}.detail-panel h2{color:var(--text-strong);margin:12px 0 20px;font-size:clamp(25px,1.7vw,36px);line-height:1.2}.detail-panel p{color:#effff9b8;margin:0;line-height:1.72}.case-features{min-height:0}.case-logic{grid-column:1/-1;min-height:0}.feature-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.feature-list section,.logic-list section{background:#effff909;border:1px solid #effff91f;border-radius:8px;padding:16px;position:relative;overflow:hidden}.feature-list section:before,.logic-list section:before{content:"";background:var(--project-accent);width:2px;box-shadow:0 0 18px color-mix(in srgb, var(--project-accent), transparent 36%);position:absolute;top:0;bottom:0;left:0}.feature-list strong,.logic-list strong{color:var(--text-strong);font-size:17px;line-height:1.25;display:block}.feature-list p,.logic-list p{margin-top:10px;font-size:14px;line-height:1.65}.logic-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.logic-list section{min-height:190px}.logic-list div{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.logic-list small{color:color-mix(in srgb, var(--project-accent), white 16%);border:1px solid color-mix(in srgb, var(--project-accent), transparent 60%);background:color-mix(in srgb, var(--project-accent), transparent 90%);border-radius:999px;flex:none;padding:4px 8px;font-size:12px;font-weight:900}.detail-bottom{border:1px solid color-mix(in srgb, var(--project-accent), transparent 62%);background:#031111ad;border-radius:8px;grid-template-columns:minmax(140px,.35fr) minmax(0,1fr) auto;align-items:center;gap:24px;margin-top:24px;padding:24px;display:grid}.detail-bottom strong{color:color-mix(in srgb, var(--project-accent), white 14%);font-size:30px;line-height:1}.detail-bottom p{color:#effff9b8;margin:0;line-height:1.65}.detail-bottom .outline-action{white-space:nowrap;margin-top:0}.lab-section{grid-template-columns:.78fr 1.22fr;align-items:center;gap:clamp(38px,4vw,90px);display:grid}.lab-copy h2{max-width:620px;margin-top:18px;font-size:clamp(52px,4vw,86px)}.lab-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,1.2vw,26px);display:grid}.lab-card{background:linear-gradient(135deg,#c6ff3f0f,#0000 48%),#031111b3;border:1px solid #effff926;border-radius:8px;min-height:clamp(188px,12vw,280px);padding:clamp(22px,1.5vw,34px);transition:transform .18s,border-color .18s,background .18s;animation:5s ease-in-out infinite labPulse}.lab-card:hover{background:linear-gradient(135deg,#4fffe51f,#0000 52%),#031111c7;border-color:#c6ff3f6b;transform:translateY(-5px)}.lab-glyph{border:1px solid var(--acid);border-radius:8px;width:42px;height:42px;margin-bottom:28px;animation:6s linear infinite glyphSpin;display:block;box-shadow:0 0 28px #c6ff3f33}.glyph-1{background:conic-gradient(from 0deg, transparent, var(--acid), transparent)}.glyph-2{background:radial-gradient(circle, var(--acid) 0 16%, transparent 18%);border-radius:50%}.glyph-3{background:linear-gradient(135deg, transparent 38%, var(--acid) 40% 58%, transparent 60%)}.glyph-4{background:linear-gradient(90deg, transparent 46%, var(--acid) 47% 53%, transparent 54%), linear-gradient(0deg, transparent 46%, var(--acid) 47% 53%, transparent 54%)}.lab-card h3{color:var(--text-strong);margin:0 0 12px;font-size:clamp(21px,1.25vw,30px)}.lab-card p{color:#effff9ad;margin:0;line-height:1.65}.contact-section{justify-content:space-between;align-items:center;gap:clamp(32px,5vw,110px);min-height:100svh;display:flex}.contact-section div{max-width:min(980px,66vw)}.contact-section p{color:#effff9b8;margin:18px 0 0;font-size:clamp(18px,1.08vw,24px);line-height:1.7}.service-list{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}.service-list span{color:#effff9d6;background:#07131394;border:1px solid #4fffe538;border-radius:999px;align-items:center;min-height:38px;padding:0 14px;font-size:14px;font-weight:700;display:inline-flex;box-shadow:inset 0 0 20px #4fffe50a}.reel-overlay{z-index:100;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#000000c2;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.reel-window{background:#020606;border:1px solid #c6ff3f57;border-radius:8px;width:min(1020px,100%);position:relative;overflow:hidden;box-shadow:0 36px 120px #000000ad}.reel-window-text{background:radial-gradient(circle at 30% 46%,#4fffe538,#0000 34%),radial-gradient(circle at 76% 20%,#c6ff3f1f,#0000 34%),#020606;grid-template-columns:1.05fr .95fr;min-height:560px;display:grid}.reel-core{place-items:center;min-height:560px;display:grid;position:relative;overflow:hidden}.reel-core:before,.reel-core:after{content:"";border:1px solid #c6ff3f42;border-radius:50%;position:absolute}.reel-core:before{aspect-ratio:1;width:72%;animation:16s linear infinite orbitOne}.reel-core:after{aspect-ratio:1;border-color:#4fffe53d;width:48%;animation:18s linear infinite reverse orbitTwo}.reel-core img{object-fit:contain;filter:drop-shadow(0 0 42px #4fffe54d);width:min(560px,115%);-webkit-mask-image:radial-gradient(#000 0 58%,#000000d1 68%,#0000 84%);mask-image:radial-gradient(#000 0 58%,#000000d1 68%,#0000 84%)}.reel-caption{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#020c0cc2;border:1px solid #effff92e;border-radius:8px;align-self:end;margin:28px;padding:20px}.reel-caption span{color:var(--acid);font-size:13px;font-weight:800}.reel-caption strong{color:var(--text-strong);margin-top:8px;font-size:25px;display:block}.reel-caption p{color:#effff9b3;margin:8px 0 0;line-height:1.55}.reel-close{z-index:101;min-height:42px;color:var(--text-strong);font:inherit;cursor:pointer;background:#020c0cc7;border:1px solid #effff938;border-radius:6px;padding:0 16px;position:fixed;top:22px;right:22px}@keyframes coreFloat{0%,to{transform:translate(0,0)rotate(-1deg)}50%{transform:translateY(-18px)rotate(1.5deg)}}@keyframes corePulse{0%,to{filter:drop-shadow(0 0 34px #45ffe352)}50%{filter:drop-shadow(0 0 58px #c6ff3f4d)}}@keyframes coreBurst{0%,to{opacity:.5;transform:scale(.9)}50%{opacity:.95;transform:scale(1.16)}}@keyframes dataDrop{0%{opacity:0;transform:rotate(28deg)translateY(-110px)}22%{opacity:.95}to{opacity:0;transform:rotate(28deg)translateY(210px)}}@keyframes scanPulse{0%,to{opacity:.18;transform:translateY(-12%)}50%{opacity:.75;transform:translateY(44%)}}@keyframes orbitOne{to{transform:rotateX(66deg)rotate(378deg)}}@keyframes orbitTwo{to{transform:rotateX(66deg)rotate(-342deg)}}@keyframes chipFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes statusLoad{to{width:88%}}@keyframes energySweep{0%{opacity:0;transform:rotate(-18deg)translate(-28vw)}12%{opacity:.8}42%{opacity:.18}to{opacity:0;transform:rotate(-18deg)translate(148vw)}}@keyframes bootRing{0%{opacity:0;transform:scale(.46)rotate(0)}42%{opacity:1}to{opacity:0;transform:scale(1.24)rotate(540deg)}}@keyframes bootText{0%{opacity:0;filter:blur(14px);transform:scale(.82)}46%{opacity:1;filter:blur()}to{opacity:0;filter:blur(8px);transform:scale(1.1)}}@keyframes bootCaption{0%,28%{opacity:0;transform:translateY(16px)}58%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}@keyframes titleReveal{to{opacity:1;transform:translateY(0)}}@keyframes accentCharge{to{opacity:.78;transform:scaleX(1.14)}}@keyframes buttonSweep{0%,55%{transform:translate(0)skew(-18deg)}to{transform:translate(360%)skew(-18deg)}}@keyframes fadeRise{to{opacity:1;transform:translateY(0)}}@keyframes signalPulse{0%,to{opacity:.45;transform:scaleX(.26)}50%{opacity:.95;transform:scaleX(1)}}@keyframes cardArrive{to{opacity:1;translate:0}}@keyframes cardLaser{to{transform:translate(90%)}}@keyframes artDrift{0%,to{transform:scale(1)rotate(0)}50%{transform:scale(1.08)rotate(2deg)}}@keyframes projectScan{to{transform:translateY(100%)}}@keyframes projectTimer{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes launchFade{0%{opacity:.92;-webkit-backdrop-filter:blur();backdrop-filter:blur()}8%,72%{opacity:1;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}to{visibility:hidden;opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur()}}@keyframes launchGrid{0%{opacity:0;transform:scale(1.16)}28%{opacity:.5}to{opacity:0;transform:scale(.96)}}@keyframes launchBlade{0%{opacity:0;transform:translate(-130%)skew(-12deg)}26%{opacity:1}to{opacity:0;transform:translate(130%)skew(-12deg)}}@keyframes launchRing{0%{opacity:0;transform:translate(-50%,-50%)scale(.22)rotate(0)}28%{opacity:.9}to{opacity:0;transform:translate(-50%,-50%)scale(1.38)rotate(220deg)}}@keyframes launchCore{0%{opacity:0;transform:translate(-50%,-50%)scale(.34)}36%{opacity:1}to{opacity:0;transform:translate(-50%,-50%)scale(2.8)}}@keyframes launchLine{0%{opacity:0;clip-path:inset(0 100% 0 0)}22%{opacity:.95;clip-path:inset(0)}to{opacity:0;clip-path:inset(0 0 0 100%)}}@keyframes launchShard{0%{opacity:0;transform:translate(-50%, -50%) rotate(var(--shard-angle)) translateX(0) scaleX(.12)}22%{opacity:1}to{opacity:0;transform:translate(-50%, -50%) rotate(var(--shard-angle)) translateX(var(--shard-distance)) scaleX(1.25)}}@keyframes launchCardCharge{0%{filter:brightness();transform:translateY(-7px)rotateX(3deg)scale(1)}38%{filter:brightness(1.6)saturate(1.4);box-shadow:0 0 0 1px color-mix(in srgb, var(--project-accent), white 26%), 0 0 68px color-mix(in srgb, var(--project-accent), transparent 42%), 0 30px 90px #0000006b;transform:translateY(-12px)rotateX(7deg)scale(1.045)}to{filter:brightness(.82)saturate(1.15);transform:translateY(-2px)rotateX(0)scale(.96)}}@keyframes launchPanelPulse{0%{filter:brightness();transform:translateY(0)scale(1)}42%{filter:brightness(1.35)saturate(1.25);transform:translateY(-6px)scale(1.018)}to{filter:brightness(.76)saturate(1.1);transform:translateY(10px)scale(.985)}}@keyframes detailMaterialize{0%{opacity:0;filter:blur(10px);transform:translateY(34px)scale(.985)}58%{opacity:1;filter:blur()}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}@keyframes detailHeroShift{0%{transform:translateY(30px)}to{transform:translateY(0)}}@keyframes detailVisualLock{0%{clip-path:inset(14% 9%);transform:perspective(1200px)rotateX(4deg)rotateY(-5deg)translateY(24px)}to{clip-path:inset(0);transform:perspective(1200px)rotateX(0)rotateY(0)translateY(0)}}@keyframes detailSwap{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes detailScan{0%,to{opacity:.22;transform:translateY(-42%)}50%{opacity:.72;transform:translateY(42%)}}@keyframes screenFloat{0%,to{translate:0}50%{translate:0 -16px}}@keyframes cardFloat{0%,to{translate:0}50%{translate:0 -12px}}@keyframes breathPulse{0%,to{opacity:.62;transform:scale(.86)}50%{opacity:1;transform:scale(1.08)}}@keyframes labPulse{0%,to{box-shadow:none}50%{box-shadow:0 0 42px #4fffe517}}@keyframes glyphSpin{to{transform:rotate(360deg)}}@media (width<=980px){.hero-section,.project-layout,.lab-section,.section-heading,.home-projects-head,.detail-hero,.detail-content-grid,.detail-bottom{grid-template-columns:1fr}.project-rail,.project-progress,.project-detail{grid-area:auto}.hero-section{min-height:auto;padding-top:44px}.hero-visual{min-height:410px}.showcase-wall{min-height:620px}.wall-main{width:76%}.wall-control{width:45%;right:2%}.project-rail,.home-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-section{flex-direction:column;align-items:flex-start}.reel-window-text{grid-template-columns:1fr}.detail-hero,.detail-hero-copy,.detail-visual{min-height:auto}.detail-hero-copy{padding-top:70px}.detail-visual{min-height:560px}.detail-bottom .outline-action{justify-self:start}.detail-gallery-head,.screenshot-grid,.screenshot-grid-wide,.mock-screen-grid,.feature-list,.logic-list{grid-template-columns:1fr}.screenshot-grid figure,.mock-screen{min-height:280px}.screenshot-wide{grid-column:auto}.screenshot-phone-shot{min-height:520px}}@media (width<=640px){.topbar,.hero-section,.project-section,.home-projects,.lab-section,.contact-section,.detail-page{width:min(100% - 28px,1180px)}.topbar{flex-direction:column;align-items:flex-start;gap:14px}.topbar nav{justify-content:space-between;width:100%}.topbar nav a,.nav-button{padding:8px 0}.hero-copy h1{font-size:clamp(44px,13vw,58px)}.hero-copy p{font-size:16px}.hero-actions{flex-direction:column}.primary-action,.ghost-action,.outline-action{width:100%}.signal-strip,.project-rail,.home-project-grid,.lab-grid,.detail-grid{grid-template-columns:1fr}.hero-visual{min-height:330px}.showcase-wall{grid-template-columns:1fr;gap:12px;min-height:auto;padding:0;display:grid;transform:none}.showcase-wall .core-burst,.showcase-wall .data-stream,.showcase-wall .scanner,.showcase-wall .orbital-ring{display:none}.wall-screen,.wall-card-stack,.wall-system-preview,.wall-phone-preview{width:100%;min-width:0;height:auto;position:relative;inset:auto;transform:none}.wall-main,.wall-control{aspect-ratio:16/10;animation:none}.wall-card-stack{grid-template-columns:repeat(2,minmax(0,1fr))}.wall-phone-preview{min-height:190px}.status-panel,.orbit-chip{display:none}.project-section,.home-projects,.lab-section,.contact-section,.detail-page{padding:70px 0}.home-project-card{min-height:320px}.detail-hero-copy h1{font-size:clamp(46px,16vw,66px)}.detail-hero-copy p{font-size:16px}.detail-hero-actions{flex-direction:column}.detail-visual{min-height:430px}.detail-main-screen{transform:none}.detail-screen-thumbs,.red-mini-screens{width:100%;margin-top:14px;position:relative;bottom:auto;right:auto}.detail-visual-screen,.detail-visual-red{padding:18px}.red-system-board{width:100%;position:relative;inset:auto}.red-card-stack{grid-template-columns:repeat(3,minmax(78px,1fr));margin-top:16px}.card-b{transform:translateY(-16px)}.detail-phone{width:min(300px,82%);min-height:440px}.floating-note,.flow-node{display:none}.detail-panel{min-height:0}.detail-bottom{gap:16px}.section-heading h2,.lab-copy h2,.contact-section h2{font-size:34px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}