:root{--bg:#0a0b10;--bg-2:#12081e;--panel:#14171f;--panel-2:#191b24;--panel-line:#262b36;--teal:#32e8d1;--amber:#f0a05a;--violet:#9d7cf0;--text:#f5f6f9;--text-dim:#a9b0bd;--nav-bg:#0a0b10b8;--font-display:"Space Grotesk", sans-serif;--font-body:"Inter", sans-serif;--font-mono:"JetBrains Mono", monospace}[data-theme=light]{--bg:#f7f6f3;--bg-2:#eee9f7;--panel:#fff;--panel-2:#fbfaf8;--panel-line:#e2ded6;--teal:#0b8c7d;--amber:#b8631a;--violet:#6d4fd1;--text:#14171c;--text-dim:#4a5058;--nav-bg:#f7f6f3bf}body{transition:background .3s,color .3s}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:radial-gradient(ellipse 70% 50% at 15% -10%, color-mix(in srgb, var(--violet) 22%, transparent), transparent), radial-gradient(ellipse 60% 45% at 100% 15%, color-mix(in srgb, var(--teal) 14%, transparent), transparent), var(--bg);color:var(--text);font-family:var(--font-body);position:relative;overflow-x:hidden}[data-theme=light] body{background:radial-gradient(ellipse 70% 50% at 15% -10%, color-mix(in srgb, var(--violet) 8%, transparent), transparent), radial-gradient(ellipse 60% 45% at 100% 15%, color-mix(in srgb, var(--teal) 6%, transparent), transparent), var(--bg)}body:before{content:"";z-index:1;pointer-events:none;opacity:.045;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}[data-theme=light] body:before{opacity:.02}a{color:inherit}::selection{background:var(--teal);color:#0c0e12}:focus-visible{outline:2px solid var(--teal);outline-offset:3px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.preloader{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.preloader-mark{gap:10px;display:flex}.dot{background:var(--teal);border-radius:50%;width:10px;height:10px;animation:1s ease-in-out infinite dot-bounce}.dot-2{background:var(--amber);animation-delay:.15s}.dot-3{background:var(--teal);animation-delay:.3s}@keyframes dot-bounce{0%,80%,to{opacity:.5;transform:translateY(0)}40%{opacity:1;transform:translateY(-10px)}}.custom-cursor{background:var(--teal);pointer-events:none;z-index:999;mix-blend-mode:difference;border-radius:50%;width:10px;height:10px;margin-top:-5px;margin-left:-5px;transition:width .2s,height .2s,margin .2s,background .2s,opacity .2s;position:fixed;top:0;left:0}.custom-cursor.cursor-hover{background:var(--amber);opacity:.95;mix-blend-mode:normal;justify-content:center;align-items:center;width:64px;height:64px;margin-top:-32px;margin-left:-32px;display:flex}.cursor-label{font-family:var(--font-mono);letter-spacing:.05em;color:#0c0e12;mix-blend-mode:normal;white-space:nowrap;font-size:.62rem;font-weight:600}body.custom-cursor-active,body.custom-cursor-active a,body.custom-cursor-active button{cursor:none}@media (pointer:coarse){.custom-cursor{display:none}}.intro-loader{z-index:200;background:var(--bg);flex-direction:column;justify-content:center;align-items:center;gap:1.25rem;transition:opacity .55s,visibility .55s;display:flex;position:fixed;inset:0}.intro-loader.intro-out{opacity:0;visibility:hidden;pointer-events:none}.intro-mark .intro-dot{fill:var(--teal);opacity:0;transform-origin:50%;animation:.5s forwards intro-dot-in}.intro-mark .intro-dot-2{fill:var(--amber);animation-delay:.15s}.intro-mark .intro-dot-3{animation-delay:.3s}@keyframes intro-dot-in{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.intro-mark .intro-line{fill:none;stroke:var(--panel-line);stroke-width:2px;stroke-dasharray:46;stroke-dashoffset:46px;animation:.5s forwards intro-line-draw}.intro-line-1{animation-delay:.5s}.intro-line-2{animation-delay:.65s}@keyframes intro-line-draw{to{stroke-dashoffset:0}}.intro-text{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--text-dim);opacity:0;font-size:.8rem;animation:.5s .85s forwards intro-text-in}@keyframes intro-text-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.floating-layer{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.float-shape{filter:blur(50px);opacity:.16;border-radius:50%;position:absolute}.float-1{background:var(--teal);width:320px;height:320px;animation:22s ease-in-out infinite float-drift-1;top:8%;left:6%}.float-2{background:var(--amber);width:260px;height:260px;animation:26s ease-in-out infinite float-drift-2;top:55%;right:8%}.float-3{background:var(--teal);width:200px;height:200px;animation:19s ease-in-out infinite float-drift-3;bottom:5%;left:20%}.float-4{background:var(--amber);width:180px;height:180px;animation:30s ease-in-out infinite reverse float-drift-1;top:30%;right:30%}@keyframes float-drift-1{0%,to{transform:translate(0)}50%{transform:translate(40px,60px)}}@keyframes float-drift-2{0%,to{transform:translate(0)}50%{transform:translate(-50px,-30px)}}@keyframes float-drift-3{0%,to{transform:translate(0)}50%{transform:translate(30px,-50px)}}@media (prefers-reduced-motion:reduce){.float-shape{animation:none}}@media (width<=640px){.float-shape{filter:blur(28px);opacity:.1}.float-1,.float-2{width:180px;height:180px}.float-3,.float-4{width:120px;height:120px}}.nav-linkedin{font-family:var(--font-mono);color:#fff;background:linear-gradient(135deg,#0a66c2,#0b7fd1);border-radius:6px;align-items:center;gap:.4rem;padding:.5rem .85rem;font-size:.75rem;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 4px 16px #0a66c259}.nav-linkedin:hover{transform:translateY(-2px);box-shadow:0 8px 22px #0a66c280}.nav-linkedin span{display:none}@media (width>=540px){.nav-linkedin span{display:inline}}.core-label{font-family:var(--font-mono);color:var(--text);border:1px solid var(--panel-line);white-space:nowrap;background:#12151bbf;border-radius:4px;padding:2px 7px;font-size:11px}.burst-particle{pointer-events:none;z-index:300;border-radius:50%;width:6px;height:6px;animation:.65s ease-out forwards burst-fly;position:fixed;transform:translate(-50%,-50%)}@keyframes burst-fly{0%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{transform:translate(calc(-50% + var(--bx)), calc(-50% + var(--by))) scale(0);opacity:0}}.chat-flow{background:var(--bg);border:1px solid var(--panel-line);border-radius:8px;min-height:130px;margin-bottom:1.5rem;padding:1rem;position:relative;overflow:hidden}.chat-bubble,.chat-badge{opacity:0;animation:6s ease-in-out infinite chat-cycle}.chat-bubble{font-family:var(--font-body);color:var(--text);background:var(--panel);border:1px solid var(--panel-line);border-radius:8px;max-width:80%;margin-bottom:.6rem;padding:.6rem .85rem;font-size:.82rem}.chat-bubble-out{border-color:var(--teal);margin-left:auto}.chat-bubble-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);margin-bottom:.3rem;font-size:.62rem;display:block}.chat-badge{font-family:var(--font-mono);background:color-mix(in srgb, var(--amber) 18%, transparent);color:var(--amber);border-radius:5px;margin-bottom:.6rem;padding:.35rem .7rem;font-size:.72rem;display:inline-block}.chat-badge-hot{background:color-mix(in srgb, var(--teal) 20%, transparent);color:var(--teal);font-weight:700}.chat-stage-1{animation-delay:0s}.chat-stage-2{animation-delay:1.2s}.chat-stage-3{animation-delay:2.4s}.chat-stage-4{animation-delay:3.6s}@keyframes chat-cycle{0%{opacity:0;transform:translateY(8px)}8%{opacity:1;transform:translateY(0)}75%{opacity:1}85%,to{opacity:0}}.why-hook{max-width:640px;margin-bottom:3rem!important}.flip-card{perspective:1200px;cursor:pointer;height:100%}.flip-card-inner{width:100%;height:100%;min-height:220px;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.2,.8,.2,1);position:relative}.flip-card:hover .flip-card-inner,.flip-card-inner.is-flipped{transform:rotateY(180deg)}.flip-face{backface-visibility:hidden;align-items:center;display:flex;position:absolute;inset:0}.flip-face.work-card:hover{border-color:var(--panel-line);transform:none;box-shadow:0 1px 2px #00000026,0 12px 30px #00000029}.flip-back{background:linear-gradient(160deg, var(--panel), var(--panel-2));border-color:var(--teal);transform:rotateY(180deg)}.flip-back.work-card:hover{transform:rotateY(180deg)}.flip-back-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--amber);margin-bottom:.6rem;font-size:.7rem;display:block}.flip-back-text{font-family:var(--font-display);color:var(--text);font-size:1.02rem;font-weight:500;line-height:1.5}.orbit-visual{background:radial-gradient(circle at 50% 45%, color-mix(in srgb, var(--teal) 6%, transparent), transparent 70%);border-radius:12px;justify-content:center;align-items:center;width:100%;height:460px;margin-bottom:3rem;display:flex;position:relative;overflow:hidden}.orbit-center{border:1.5px solid var(--text-dim);opacity:.6;border-radius:50%;width:46px;height:46px;margin-top:-23px;margin-left:-23px;animation:2.4s ease-in-out infinite journey-pulse;position:absolute;top:50%;left:50%}.orbit-ring{border:1px solid var(--panel-line);border-radius:50%;animation-name:orbit-spin;animation-timing-function:linear;animation-iteration-count:infinite;position:absolute;top:50%;left:50%}.orbit-reverse{animation-direction:reverse}@keyframes orbit-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.orbit-chip{margin-top:-13px;margin-left:-13px;position:absolute;top:50%;left:50%}.orbit-chip-inner{font-family:var(--font-mono);white-space:nowrap;color:var(--text);background:var(--panel);border:1px solid var(--teal);box-shadow:0 0 10px color-mix(in srgb, var(--teal) 25%, transparent);border-radius:5px;padding:.3rem .6rem;font-size:.68rem;animation-name:orbit-spin;animation-timing-function:linear;animation-iteration-count:infinite;display:inline-block}@media (width<=720px){.orbit-visual{height:320px}.orbit-ring:nth-child(4){display:none}}@media (prefers-reduced-motion:reduce){.orbit-ring,.orbit-chip-inner{animation:none}}.journey-path{flex-wrap:wrap;align-items:center;gap:0;display:flex}.journey-step{align-items:center;display:flex}.journey-node{background:var(--teal);border-radius:50%;flex-shrink:0;width:14px;height:14px;box-shadow:0 0 0 4px #2fd9c426}.journey-node-progress{background:var(--amber);animation:1.6s ease-in-out infinite journey-pulse;box-shadow:0 0 0 4px #e8944a2e}@keyframes journey-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.25)}}.journey-label{font-family:var(--font-mono);color:var(--text);white-space:nowrap;margin:0 .85rem;font-size:.82rem}.journey-connector{background:linear-gradient(90deg, var(--teal), var(--amber));width:48px;height:1px;margin-right:.2rem}@media (width<=640px){.journey-path{flex-direction:column;align-items:flex-start;gap:.75rem}.journey-connector{display:none}}.live-dashboard{z-index:20;background:var(--nav-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--panel-line);font-family:var(--font-mono);border-radius:10px;min-width:190px;padding:.9rem 1.1rem;position:fixed;bottom:1.75rem;left:1.75rem;box-shadow:0 10px 30px #00000040}.live-dashboard-header{letter-spacing:.08em;color:var(--text-dim);align-items:center;gap:.5rem;margin-bottom:.6rem;font-size:.66rem;display:flex}.live-dot{background:var(--teal);width:6px;height:6px;box-shadow:0 0 8px var(--teal);border-radius:50%;animation:1.6s ease-in-out infinite journey-pulse}.live-dashboard-list{flex-direction:column;gap:.45rem;list-style:none;display:flex}.live-dashboard-list li{color:var(--text);justify-content:space-between;align-items:center;gap:1rem;font-size:.72rem;display:flex}.status-indicator{border-radius:50%;flex-shrink:0;width:7px;height:7px}.status-on{background:var(--teal);box-shadow:0 0 6px var(--teal)}.status-progress{background:var(--amber);box-shadow:0 0 6px var(--amber);animation:1.6s ease-in-out infinite journey-pulse}@media (width<=720px){.live-dashboard{display:none}}.waveform{justify-content:center;align-items:center;gap:3px;height:44px;margin-bottom:1.25rem;padding:0 .5rem;display:flex}.waveform-bar{background:linear-gradient(180deg, var(--teal), var(--amber));transform-origin:50%;will-change:transform;border-radius:2px;width:3px;height:34px;animation:1.1s ease-in-out infinite wave-bounce;transform:scaleY(.18)}@keyframes wave-bounce{0%,to{opacity:.5;transform:scaleY(.18)}50%{opacity:1;transform:scaleY(1)}}.plane-fly{color:#ffffffd9;filter:drop-shadow(0 2px 6px #0000004d);z-index:1;will-change:transform;animation:7s linear infinite plane-cross;position:absolute;top:50%;left:0;transform:translate(-100%,-50%)rotate(35deg)}@keyframes plane-cross{0%{opacity:0;transform:translate(-100%,-50%)rotate(35deg)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translate(1000%,-50%)rotate(35deg)}}.particle-field{z-index:0;pointer-events:none;opacity:.7;position:fixed;inset:0}.magnetic{transition:transform .2s ease-out;display:inline-block}.spotlight{z-index:1;pointer-events:none;background:radial-gradient(480px circle at var(--sx,50%) var(--sy,50%), #2fd9c412, transparent 70%);transition:background 50ms linear;position:fixed;inset:0}.reveal{opacity:0;transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);transform:translateY(28px)}.reveal-visible{opacity:1;transform:translateY(0)}.nav{z-index:50;background:0 0;border-bottom:1px solid #0000;justify-content:space-between;align-items:center;padding:1.35rem 6vw;transition:background .35s,border-color .35s,padding .35s,-webkit-backdrop-filter .35s,backdrop-filter .35s;display:flex;position:fixed;top:0;left:0;right:0}.nav.scrolled{background:var(--nav-bg);-webkit-backdrop-filter:blur(14px)saturate(140%);backdrop-filter:blur(14px)saturate(140%);border-bottom:1px solid var(--panel-line);padding:.85rem 6vw;box-shadow:0 8px 30px #0000002e}.nav-brand{color:var(--text);align-items:center;gap:.7rem;text-decoration:none;display:flex}.nav-avatar{object-fit:cover;border:1.5px solid var(--teal);border-radius:50%;width:34px;height:34px;transition:box-shadow .25s,transform .25s;box-shadow:0 0 0 3px #2fd9c41f}.nav-brand:hover .nav-avatar{transform:scale(1.06);box-shadow:0 0 0 5px #2fd9c42e}.nav-brand-text{font-family:var(--font-display);letter-spacing:.01em;font-size:1rem;font-weight:600}.nav-links{gap:2.25rem;display:flex}.nav-links a{font-family:var(--font-mono);color:var(--text-dim);padding-bottom:.3rem;font-size:.82rem;text-decoration:none;transition:color .2s;position:relative}.nav-links a:after{content:"";background:linear-gradient(90deg, var(--teal), var(--amber));transform-origin:0;width:100%;height:1.5px;transition:transform .28s;position:absolute;bottom:0;left:0;transform:scaleX(0)}.nav-links a:hover{color:var(--text)}.nav-links a:hover:after{transform:scaleX(1)}.nav-actions{align-items:center;gap:1rem;display:flex}.theme-toggle{cursor:pointer;background:0 0;border:none;padding:0}.toggle-track{border:1px solid var(--panel-line);background:linear-gradient(160deg, var(--panel-2), var(--panel));border-radius:999px;align-items:center;width:44px;height:24px;padding:2px;transition:background .25s;display:flex}.toggle-thumb{background:var(--teal);width:18px;height:18px;color:var(--bg);border-radius:50%;justify-content:center;align-items:center;transition:transform .25s,background .25s;display:flex;transform:translate(0)}.toggle-track.is-light .toggle-thumb{background:var(--amber);transform:translate(20px)}.menu-btn{cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;gap:4px;width:28px;height:22px;padding:0;display:none}.menu-btn span{background:var(--text);border-radius:2px;height:1.5px;transition:transform .25s,opacity .25s;display:block}.menu-btn.open span:first-child{transform:translateY(5.5px)rotate(45deg)}.menu-btn.open span:nth-child(2){opacity:0}.menu-btn.open span:nth-child(3){transform:translateY(-5.5px)rotate(-45deg)}@media (width<=720px){.menu-btn{display:flex}.nav-links{background:linear-gradient(160deg, var(--panel-2), var(--panel));border-left:1px solid var(--panel-line);flex-direction:column;justify-content:center;align-items:flex-start;gap:2rem;width:min(70vw,300px);height:100vh;padding:2rem 2.5rem;transition:transform .3s;position:fixed;top:0;right:0;transform:translate(100%);box-shadow:-20px 0 60px #0000004d}.nav-links.open{transform:translate(0)}.nav-links a{font-size:1rem}}.hero{align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.hero-canvas{z-index:1;position:absolute;inset:0}.hero-content{z-index:2;pointer-events:none;width:100%;padding:0 6vw;position:relative}.hero-split{flex-wrap:wrap;align-items:center;gap:3.5rem;display:flex}.hero-photo-wrap{pointer-events:auto;flex-shrink:0;position:relative}.hero-photo{object-fit:cover;border:2px solid var(--teal);z-index:2;border-radius:50%;width:168px;height:168px;position:relative;box-shadow:0 20px 60px #00000073}.hero-photo-glow{z-index:1;filter:blur(6px);background:radial-gradient(circle,#2fd9c459,#0000 70%);border-radius:50%;animation:3.5s ease-in-out infinite glow-pulse;position:absolute;inset:-18px}@keyframes glow-pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}.hero-content>.hero-split>div:last-child{max-width:620px}.hero-links{pointer-events:auto}.eyebrow,.section-eyebrow{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--text-dim);align-items:center;gap:.5rem;margin-bottom:.9rem;font-size:.78rem;display:inline-flex}.eyebrow:before,.section-eyebrow:before{content:"";background:linear-gradient(135deg, var(--teal), var(--violet));width:6px;height:6px;box-shadow:0 0 10px var(--teal);border-radius:50%;flex-shrink:0}.hero h1{font-family:var(--font-display);letter-spacing:-.03em;background:linear-gradient(115deg, var(--text) 20%, var(--teal) 55%, var(--violet) 85%);color:#0000;filter:drop-shadow(0 6px 40px color-mix(in srgb, var(--teal) 25%, transparent));-webkit-background-clip:text;background-clip:text;font-size:clamp(2.9rem,7.5vw,5.4rem);font-weight:700;line-height:1}.hero-hook{font-family:var(--font-display);color:var(--text);max-width:540px;margin-top:1.1rem;font-size:1.35rem;font-weight:600;line-height:1.4}.hero-sub{color:var(--text-dim);max-width:520px;margin-top:1.4rem;font-size:1.15rem;line-height:1.65}.hero-links{flex-wrap:wrap;gap:1rem;margin-top:2.4rem;display:flex}.hero-core-caption{pointer-events:none;flex-wrap:wrap;gap:.5rem;margin-top:1.5rem;display:flex}.btn-primary,.btn-ghost{font-family:var(--font-mono);border-radius:8px;padding:.9rem 1.6rem;font-size:.85rem;text-decoration:none;transition:transform .18s,box-shadow .18s,border-color .18s,color .18s,filter .18s;display:inline-block}.btn-primary{background:linear-gradient(120deg, var(--teal), var(--violet));color:#0a0b10;box-shadow:0 12px 34px color-mix(in srgb, var(--teal) 32%, transparent);font-weight:700}.btn-primary:hover{filter:brightness(1.08);box-shadow:0 18px 46px color-mix(in srgb, var(--violet) 40%, transparent);transform:translateY(-2px)}.btn-ghost{border:1.5px solid color-mix(in srgb, var(--text) 22%, transparent);color:var(--text);background:color-mix(in srgb, var(--panel) 60%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 4px 16px #00000014}.btn-ghost:hover{border-color:var(--teal);color:var(--teal);transform:translateY(-2px)}.scroll-hint{z-index:2;font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--text-dim);font-size:.7rem;animation:2.4s ease-in-out infinite pulse-hint;position:absolute;bottom:2.5rem;left:50%;transform:translate(-50%)}@keyframes pulse-hint{0%,to{opacity:.4}50%{opacity:1}}.back-to-top{z-index:40;border:1px solid var(--panel-line);background:var(--nav-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:44px;height:44px;color:var(--text);cursor:pointer;opacity:0;pointer-events:none;border-radius:50%;justify-content:center;align-items:center;transition:opacity .25s,transform .25s,border-color .2s,color .2s;display:flex;position:fixed;bottom:1.75rem;right:1.75rem;transform:translateY(12px);box-shadow:0 10px 24px #0003}.back-to-top.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.back-to-top:hover{border-color:var(--teal);color:var(--teal)}.scroll-rail{z-index:40;height:240px;display:none;position:fixed;top:50%;left:22px;transform:translateY(-50%)}.scroll-rail-track{background:var(--panel-line);border-radius:2px;width:2px;height:100%;position:relative;overflow:hidden}.scroll-rail-fill{background:linear-gradient(180deg, var(--teal), var(--violet));transform-origin:top;will-change:transform;border-radius:2px;width:100%;height:100%;position:absolute;top:0;left:0;transform:scaleY(0)}@media (width>=1100px){.scroll-rail{display:block}}.section-index{flex-direction:column;align-items:center;gap:.75rem;display:none;position:absolute;top:7rem;left:2.2vw}.section-index-num{font-family:var(--font-mono);color:var(--text-dim);letter-spacing:.05em;font-size:.75rem}.section-index-line{background:linear-gradient(180deg, var(--teal), transparent);width:1px;height:40px}@media (width>=1100px){.section-index{display:flex}}.section:before,.section:after{content:"";border-color:var(--panel-line);opacity:.7;width:18px;height:18px;display:none;position:absolute}.section:before{border-top:1px solid var(--panel-line);border-right:1px solid var(--panel-line);top:2.5rem;right:2.5vw}.section:after{border-bottom:1px solid var(--panel-line);border-right:1px solid var(--panel-line);bottom:2.5rem;right:2.5vw}@media (width>=1100px){.section:before,.section:after{display:block}}.section{z-index:2;border-top:1px solid var(--panel-line);padding:7rem 6vw;scroll-margin-top:90px;position:relative}@media (width<=640px){.section{padding:4rem 6vw}.section h2{margin-bottom:2rem}}.section h2{font-family:var(--font-display);letter-spacing:-.01em;background:linear-gradient(100deg, var(--text) 60%, var(--teal) 130%);color:#0000;-webkit-background-clip:text;background-clip:text;max-width:700px;margin-bottom:3rem;font-size:clamp(1.9rem,3.5vw,2.7rem);font-weight:600}.work-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.75rem;display:grid}.work-card{background:linear-gradient(160deg, var(--panel-2), var(--panel));border:1px solid var(--panel-line);border-radius:12px;transition:border-color .25s,transform .25s,box-shadow .25s;overflow:hidden;box-shadow:0 1px 2px #00000026,0 12px 30px #00000029}.work-card:hover{border-color:var(--teal);box-shadow:0 1px 2px #00000026, 0 26px 55px color-mix(in srgb, var(--teal) 20%, transparent);transform:translateY(-6px)}.card-cover{justify-content:center;align-items:center;height:132px;display:flex;position:relative;overflow:hidden}.card-cover:after{content:"";background:radial-gradient(circle at 30% 30%,#ffffff24,#0000 60%);position:absolute;inset:0}.circuit-bg{width:100%;height:100%;position:absolute;inset:0}.circuit-line{stroke-dasharray:6 5;animation:6s linear infinite circuit-flow}.circuit-line-2{animation-duration:8s;animation-direction:reverse}@keyframes circuit-flow{to{stroke-dashoffset:-220px}}.card-cover-icon{color:#fff;opacity:.95;z-index:1;filter:drop-shadow(0 4px 14px #00000059);transition:transform .3s}.work-card:hover .card-cover-icon{transform:scale(1.12)translateY(-2px)}.cover-phone{background:linear-gradient(135deg,#1a7f74,#2fd9c4)}.cover-spark{background:linear-gradient(135deg,#b5591a,#e8944a)}.cover-chart{background:linear-gradient(135deg,#1f4fa8,#4f8fe8)}.cover-plane{background:linear-gradient(135deg,#5b3fa8,#9a6fe8)}.cover-saas{background:linear-gradient(135deg,#0f766e,#22d3ae)}.cover-search{background:linear-gradient(135deg,#7c2d8a,#c250d4)}.card-body{padding:1.75rem}.work-node{font-family:var(--font-mono);color:var(--amber);text-transform:uppercase;letter-spacing:.08em;font-size:.7rem}.work-card h3{font-family:var(--font-display);margin:.6rem 0 .75rem;font-size:1.2rem;font-weight:600}.work-card p{color:var(--text-dim);font-size:.92rem;line-height:1.55}.tag-row{flex-wrap:wrap;gap:.5rem;margin-top:1.25rem;display:flex}.tag{font-family:var(--font-mono);color:var(--text-dim);background:color-mix(in srgb, var(--panel-line) 45%, transparent);border:1px solid var(--panel-line);border-radius:5px;padding:.3rem .7rem;font-size:.72rem}.work-card.is-open{border-color:var(--teal)}.card-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-top:1.25rem;display:flex}.card-links{flex-wrap:wrap;gap:1rem;display:flex}.demo-link{color:var(--teal)}.case-toggle{color:var(--teal);font-family:var(--font-mono);cursor:pointer;background:0 0;border:none;align-items:center;gap:.4rem;padding:0;font-size:.78rem;display:flex}.chevron{font-size:1rem;transition:transform .2s;display:inline-block;transform:rotate(90deg)}.chevron.up{transform:rotate(-90deg)}.case-panel{grid-template-rows:0fr;transition:grid-template-rows .35s;display:grid}.case-panel.open{grid-template-rows:1fr}.case-panel-inner{overflow:hidden}.case-panel.open .case-panel-inner{padding-top:1.5rem}.flow-diagram{background:var(--bg);border:1px solid var(--panel-line);border-radius:6px;flex-wrap:wrap;align-items:center;gap:0;padding:1rem;display:flex;box-shadow:inset 0 2px 8px #00000026}.flow-step{align-items:center;display:flex}.flow-node{font-family:var(--font-mono);color:var(--text);border:1px solid var(--teal);white-space:nowrap;border-radius:4px;padding:.4rem .65rem;font-size:.7rem;box-shadow:0 0 12px #2fd9c426}.flow-line{background:linear-gradient(90deg, var(--teal), var(--amber));width:1.25rem;height:1px;margin:0 .35rem}.case-tradeoff{color:var(--text-dim);margin-top:1.25rem;font-size:.9rem;line-height:1.6}.case-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--amber);margin-bottom:.4rem;font-size:.7rem;display:block}.github-link{font-family:var(--font-mono);color:var(--text-dim);font-size:.78rem;text-decoration:none;transition:color .15s}.github-link:hover{color:var(--teal)}.layers{flex-direction:column;gap:1.75rem;max-width:800px;display:flex}.stack-intro{max-width:760px;margin-bottom:3rem!important}.layer-row{border-bottom:1px solid var(--panel-line);border-radius:6px;grid-template-columns:180px 1fr;align-items:start;gap:1.5rem;padding:1.25rem 1rem;transition:background .25s,transform .25s;display:grid}.layer-row:hover{background:linear-gradient(160deg, var(--panel-2), var(--panel));transform:translate(4px)}.layer-name{font-family:var(--font-mono);color:var(--teal);align-items:center;gap:.6rem;font-size:.85rem;display:flex}.layer-icon{background:linear-gradient(135deg, var(--teal), var(--amber));opacity:.85;border-radius:4px;flex-shrink:0;width:16px;height:16px;-webkit-mask-size:cover;mask-size:cover}.layer-items{flex-wrap:wrap;gap:.5rem;display:flex}.tag{transition:border-color .2s,transform .2s,color .2s}.layer-items .tag:hover{border-color:var(--teal);color:var(--teal);transform:translateY(-1px)}.about-layout{flex-wrap:wrap;align-items:flex-start;gap:2.75rem;display:flex}.about-photo-reveal{flex-shrink:0}.about-photo{object-fit:cover;border:1px solid var(--panel-line);border-radius:14px;width:190px;height:190px;box-shadow:0 20px 50px #00000059,0 0 0 4px #2fd9c414}.about-body{flex-direction:column;flex:1;gap:1.25rem;min-width:280px;max-width:640px;display:flex}.about-body p{color:var(--text-dim);font-size:1.02rem;line-height:1.7}.cert-list{flex-direction:column;gap:1rem;max-width:640px;margin-top:1.5rem;list-style:none;display:flex}.cert-list li{border-bottom:1px solid var(--panel-line);justify-content:space-between;gap:1rem;padding-bottom:1rem;font-size:.92rem;display:flex}.cert-name{color:var(--text)}.cert-issuer{font-family:var(--font-mono);color:var(--text-dim);white-space:nowrap;font-size:.78rem}.contact-page{text-align:left}.contact-intro-row{flex-wrap:wrap;gap:.6rem 1.5rem;margin-bottom:3rem;display:flex}.contact-grid{perspective:1000px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1.5rem;max-width:960px;display:grid}.contact-tilt{text-align:center;background:linear-gradient(160deg, var(--panel-2), var(--panel));border:1px solid var(--panel-line);color:var(--text);transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transform-style:preserve-3d;border-radius:16px;flex-direction:column;align-items:center;gap:.7rem;padding:2.25rem 1.25rem 1.75rem;text-decoration:none;transition:transform .15s,border-color .25s,box-shadow .25s,background .25s;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 2px #0000001f,0 14px 30px #00000024}.contact-tilt:before{content:"";background:linear-gradient(140deg, var(--brand,var(--teal)), transparent 60%);-webkit-mask-composite:xor;opacity:0;pointer-events:none;border-radius:16px;padding:1px;transition:opacity .25s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.contact-tilt:not(.contact-tilt-empty):hover{box-shadow:0 1px 2px #0000001f, 0 28px 55px color-mix(in srgb, var(--brand,var(--teal)) 28%, transparent);border-color:#0000}.contact-tilt:not(.contact-tilt-empty):hover:before{opacity:1}.contact-tilt-empty{opacity:.5;cursor:default}.contact-icon-glow{opacity:0;pointer-events:none;width:160px;height:160px;transition:opacity .3s;position:absolute;top:-35%;left:50%;transform:translate(-50%)}.contact-tilt:hover .contact-icon-glow{opacity:1}.contact-icon-glyph{transition:transform .25s;transform:translateZ(30px)}.contact-tilt:hover .contact-icon-glyph{transform:translateZ(50px)scale(1.1)}.contact-icon-label{font-family:var(--font-display);font-size:.98rem;font-weight:600;transform:translateZ(20px)}.contact-icon-value{font-family:var(--font-mono);color:var(--text-dim);word-break:break-word;font-size:.7rem;transform:translateZ(15px)}.contact-icon-value.empty{font-style:italic}@media (width<=480px){.contact-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.layer-row{grid-template-columns:1fr;gap:.6rem}.hero-split{text-align:center;flex-direction:column;padding-top:6rem}.hero-content>.hero-split>div:last-child,.hero-sub{max-width:100%}.hero-canvas{opacity:.28;transform:scale(.7)translateY(-8%)}.hero-core-caption{justify-content:center}}.site-footer{z-index:2;text-align:center;border-top:1px solid var(--panel-line);padding:2.5rem 6vw;position:relative}.site-footer p{font-family:var(--font-mono);color:var(--text-dim);font-size:.78rem}