:root{--bg:#0b1120;--surface:#0f172a;--card:#0f172ab8;--border:#1e293b;--border-hover:#334155;--text:#e9eef7;--muted:#96a6bc;--dim:#64748b;--accent:#3b82f6;--accent-soft:#60a5fa;--accent-ink:#f5f9ff;--font-display:"Space Grotesk", sans-serif;--font-body:"Inter", sans-serif;--font-mono:"Fira Code", monospace;--t-hero:clamp(2.125rem, 3.2vw + 1rem, 3.5rem);--t-h2:clamp(1.5rem, 1.6vw + .9rem, 2.25rem);--t-h3:1.125rem;--t-body:1rem;--t-small:.875rem;--t-tag:.75rem;--ease:cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:auto}body{font-family:var(--font-body);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;line-height:1.65;overflow-x:hidden}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}img,video{max-width:100%;display:block}.dot-grid{z-index:0;pointer-events:none;background-image:radial-gradient(#94a3b80f 1px,#0000 1px);background-size:28px 28px;position:fixed;inset:0}.noise{z-index:4;pointer-events:none;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.stage-glow{z-index:0;pointer-events:none;background:radial-gradient(60% 45% at 62% 42%,#1e293b8c,#0000 70%);position:fixed;inset:0}.vignette{z-index:3;pointer-events:none;background:radial-gradient(#0000 55%,#0206178c 100%);position:fixed;inset:0}.scene-wrapper{z-index:1;pointer-events:none;position:fixed;inset:0}#hero-canvas{width:100%;height:100%;display:block}.tt-w{color:var(--text)}.tt-b{color:var(--accent)}nav{z-index:100;-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border);transition:padding .3s var(--ease);background:#0b1120bf;justify-content:space-between;align-items:center;padding:1rem 5%;display:flex;position:fixed;top:0;left:0;right:0}nav.scrolled{padding:.625rem 5%}.logo{font-family:var(--font-display);color:var(--text);letter-spacing:-.01em;align-items:center;gap:.625rem;font-size:1rem;font-weight:600;text-decoration:none;display:flex}.logo-mark{border:1px solid var(--border-hover);width:28px;height:28px;color:var(--accent);background:var(--surface);border-radius:7px;place-items:center;font-size:.8rem;display:grid}.nav-links{gap:2.25rem;list-style:none;display:flex}.nav-links a{color:var(--muted);font-size:var(--t-small);font-weight:500;text-decoration:none;transition:color .25s}.nav-links a:hover{color:var(--text)}.menu-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:8px;flex-direction:column;align-items:center;gap:.3rem;padding:.4rem .5rem;transition:background .2s;display:none}.menu-btn:hover{background:#ffffff0a}.burger-icon{flex-direction:column;align-items:center;gap:3px;width:24px;display:flex}.burger-icon span{height:3px;transition:all .28s var(--ease);border-radius:3px;display:block}.burger-icon .bun-top{background:var(--accent-soft);transform-origin:50%;width:100%}.burger-icon .patty{background:var(--text);width:100%}.burger-icon .bun-bot{background:var(--accent-soft);transform-origin:50%;align-self:flex-end;width:74%}.burger-label{font-family:var(--font-mono);letter-spacing:.16em;color:var(--dim);text-transform:uppercase;font-size:9px;transition:color .2s}.menu-btn.open .burger-icon .bun-top{background:var(--accent);transform:translateY(6px)rotate(45deg)}.menu-btn.open .burger-icon .patty{opacity:0}.menu-btn.open .burger-icon .bun-bot{background:var(--accent);width:100%;transform:translateY(-6px)rotate(-45deg)}.menu-btn.open .burger-label{color:var(--accent)}main{z-index:10;position:relative}.hero{align-items:center;min-height:100vh;padding:6rem 5% 4rem;display:flex;position:relative}.hero-inner{max-width:640px}.badge{border:1px solid var(--border);background:var(--card);color:var(--muted);font-family:var(--font-mono);font-size:var(--t-tag);letter-spacing:.08em;text-transform:uppercase;border-radius:100px;align-items:center;gap:.5rem;margin-bottom:1.75rem;padding:.3rem .8rem;display:inline-flex}.badge i{background:var(--accent);border-radius:50%;width:6px;height:6px;animation:2.4s infinite pulse;display:inline-block}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}h1{font-family:var(--font-display);font-size:var(--t-hero);letter-spacing:-.02em;color:var(--text);margin-bottom:.875rem;font-weight:700;line-height:1.12}h1 .role{color:var(--accent);letter-spacing:-.01em;margin-top:.5rem;font-size:clamp(1.125rem,1.4vw + .6rem,1.5rem);font-weight:500;display:block}.hero-lead{color:var(--muted);max-width:520px;margin-bottom:2.25rem;font-size:1.0625rem}.cta-row{flex-wrap:wrap;gap:.75rem;display:flex}.btn{font-family:var(--font-display);font-size:var(--t-small);transition:all .25s var(--ease);cursor:pointer;border:1px solid #0000;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.375rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:var(--accent);color:var(--accent-ink)}.btn-primary:hover{background:var(--accent-soft);transform:translateY(-1px)}.btn-ghost{color:var(--muted);border-color:var(--border-hover);background:0 0}.btn-ghost:hover{color:var(--text);border-color:var(--dim)}.scroll-cue{color:var(--dim);font-family:var(--font-mono);font-size:var(--t-tag);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:.75rem;display:flex;position:absolute;bottom:2rem;left:5%}.scroll-cue:after{content:"";background:var(--border-hover);width:48px;height:1px}.board-hud{z-index:10;pointer-events:none;font-family:var(--font-mono);font-size:var(--t-tag);color:var(--dim);letter-spacing:.08em;text-align:right;transition:opacity .4s;position:fixed;bottom:2.25rem;left:auto;right:5%}.board-hud strong{color:var(--muted);font-weight:500}.board-hud.left{text-align:left;left:5%;right:auto}.journey-track{width:100%;height:300svh;position:relative}.journey-stage{box-sizing:border-box;align-items:center;width:100%;max-width:1320px;height:100svh;margin:0 auto;padding:0 6%;display:flex;position:sticky;top:0}.journey-content-col{grid-template-rows:1fr;grid-template-columns:1fr;align-items:center;width:100%;display:grid;position:relative}.journey-3d-col{display:none}.j-card{background:var(--card);-webkit-backdrop-filter:blur(14px);border:1px solid var(--border);border-radius:12px;max-width:480px;padding:2.25rem 2rem;box-shadow:0 20px 40px -15px #00000073}.j-stage-card{will-change:transform, opacity;grid-area:1/1/2/2;width:100%;max-width:480px}.j-stage-card.left{margin-left:0;margin-right:auto}.j-stage-card.right{margin-left:auto;margin-right:0}.j-num{font-family:var(--font-mono);font-size:var(--t-tag);color:var(--dim);letter-spacing:.15em;margin-bottom:.875rem}.j-card h2{font-family:var(--font-display);font-size:var(--t-h2);letter-spacing:-.015em;margin-bottom:1rem;font-weight:600;line-height:1.2}.j-card p{color:var(--muted);font-size:var(--t-body);margin-bottom:.875rem}.j-card p strong{color:var(--text);font-weight:600}.j-card ul{flex-wrap:wrap;gap:.4rem;margin-top:1rem;list-style:none;display:flex}.j-card li{font-family:var(--font-mono);font-size:var(--t-tag);color:var(--muted);border:1px solid var(--border);background:#0f172a99;border-radius:6px;padding:.25rem .6rem}.solid{background:var(--bg);border-top:1px solid var(--border);z-index:10;position:relative}.wrap{max-width:1120px;margin:0 auto;padding:6rem 5%}.sec-tag{font-family:var(--font-mono);font-size:var(--t-tag);color:var(--dim);letter-spacing:.12em;text-transform:uppercase;margin-bottom:.875rem;display:block}.sec-tag b{color:var(--accent);font-weight:400}h2.sec-title{font-family:var(--font-display);font-size:var(--t-h2);letter-spacing:-.015em;margin-bottom:.75rem;font-weight:600}.sec-lead{color:var(--muted);max-width:560px;margin-bottom:3.5rem}.approach-grid{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.a-card{background:var(--card);border:1px solid var(--border);transition:border-color .3s, transform .3s var(--ease);border-radius:12px;padding:1.75rem}.a-card:hover{border-color:var(--border-hover);transform:translateY(-2px)}.a-icon{color:var(--accent);transition:transform .25s var(--ease), color .25s;margin-bottom:1.125rem;font-size:1.35rem;display:block}.a-card:hover .a-icon{color:var(--accent-soft);transform:translateY(-2px)}.a-card h3{font-family:var(--font-display);font-size:var(--t-h3);color:var(--text);margin-bottom:.5rem;font-weight:600}.a-card p{color:var(--muted);font-size:var(--t-small)}.proj-grid{grid-template-columns:1fr;gap:1.25rem;display:grid}.p-card{background:var(--card);border:1px solid var(--border);border-radius:12px;transition:border-color .3s;overflow:hidden}.p-card:hover{border-color:var(--border-hover)}.p-head{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.75rem 1.75rem 1.25rem;display:flex}.p-ver{font-family:var(--font-mono);color:var(--accent-soft);border:1px solid var(--border-hover);white-space:nowrap;border-radius:100px;margin-bottom:.875rem;padding:.2rem .6rem;font-size:.6875rem;display:inline-block}.p-ver.pending{color:var(--dim)}.p-card h3{font-family:var(--font-display);letter-spacing:-.01em;color:var(--text);margin-bottom:.875rem;font-size:1.25rem;font-weight:600}.tags{flex-wrap:wrap;gap:.375rem;display:flex}.tags span{font-family:var(--font-mono);color:var(--muted);border:1px solid var(--border);background:#0f172ab3;border-radius:5px;padding:.2rem .5rem;font-size:.6875rem}.p-body{padding:1.5rem 1.75rem 1.75rem}.p-body h4{font-family:var(--font-mono);color:var(--dim);letter-spacing:.12em;text-transform:uppercase;margin-top:1rem;margin-bottom:.375rem;font-size:.6875rem}.p-body h4:first-of-type{margin-top:0}.p-body p{color:var(--muted);font-size:var(--t-small);margin-bottom:1.125rem}.p-body code{font-family:var(--font-mono);font-size:var(--t-small);border:1px solid var(--border);color:var(--accent-soft);background:#0f172a99;border-radius:4px;padding:.1rem .4rem}.p-media{grid-template-columns:1.15fr .85fr;gap:1rem;margin-bottom:1.5rem;display:grid}.p-media .media-box{border:1px solid var(--border);background:#000;border-radius:10px;overflow:hidden}.p-media .media-label{font-family:var(--font-mono);color:var(--dim);letter-spacing:.1em;text-transform:uppercase;border-bottom:1px solid var(--border);background:#0f172a99;padding:.6rem .8rem;font-size:.6875rem}.p-media video,.p-media img{object-fit:cover;background:#000;width:100%;height:210px}.zoomable-img{cursor:zoom-in;transition:opacity .2s}.zoomable-img:hover{opacity:.88}.zoom-hint{color:var(--dim);text-transform:none;letter-spacing:0;font-size:.625rem;font-weight:400}.lightbox{z-index:200;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:zoom-out;background:#060a14eb;justify-content:center;align-items:center;padding:4vh 4vw;display:none;position:fixed;inset:0}.lightbox.open{display:flex}.lightbox img{border:1px solid var(--border-hover);cursor:default;border-radius:8px;max-width:100%;max-height:92vh;box-shadow:0 20px 60px #0009}.lightbox-close{border:1px solid var(--border-hover);width:42px;height:42px;color:var(--text);cursor:pointer;background:#ffffff0f;border-radius:50%;place-items:center;font-size:1.1rem;transition:background .2s;display:grid;position:absolute;top:1.5rem;right:1.5rem}.lightbox-close:hover{background:#ffffff24}.p-links{border-top:1px solid var(--border);flex-wrap:wrap;gap:.75rem;padding-top:1.375rem;display:flex}.p-btn{font-family:var(--font-mono);transition:all .22s var(--ease);border:1px solid #0000;border-radius:8px;align-items:center;gap:.5rem;padding:.6rem 1.1rem;font-size:.75rem;font-weight:500;text-decoration:none;display:inline-flex}.p-btn.demo{background:var(--accent);color:#fff;box-shadow:0 0 #3b82f600}.p-btn.demo:hover{background:var(--accent-soft);transform:translateY(-1px);box-shadow:0 0 22px #3b82f666}.p-btn.repo{border-color:var(--border-hover);color:var(--text);background:0 0}.p-btn.repo:hover{border-color:var(--dim);background:#ffffff0d}.p-btn.sheets{color:#34d399;background:#10b9811a;border-color:#10b98140}.p-btn.sheets:hover{background:#10b9812e;border-color:#10b98166}.p-btn.logs{color:#c4b5fd;background:#a78bfa1a;border-color:#a78bfa40}.p-btn.logs:hover{background:#a78bfa2e;border-color:#a78bfa66}@media (max-width:760px){.p-media{grid-template-columns:1fr}}.about-block{background:var(--card);border:1px solid var(--border);border-radius:12px;margin-bottom:1rem;padding:2rem}.about-block h3{font-family:var(--font-display);font-size:var(--t-h3);color:var(--text);align-items:center;gap:.625rem;margin-bottom:1rem;font-weight:600;display:flex}.about-block h3 i{color:var(--accent);font-size:.95rem}.about-block p{color:var(--muted);font-size:var(--t-body);margin-bottom:.875rem}.about-block p:last-child{margin-bottom:0}.about-block strong{color:var(--text);font-weight:600}.contact{text-align:center}.contact h2{font-family:var(--font-display);font-size:var(--t-h2);color:var(--text);margin-bottom:.75rem;font-weight:600}.contact p{color:var(--muted);max-width:520px;margin:0 auto 2.25rem}.socials{justify-content:center;gap:.75rem;margin-bottom:2.25rem;display:flex}.socials a{border:1px solid var(--border);background:var(--card);width:44px;height:44px;color:var(--muted);transition:all .25s var(--ease);border-radius:10px;place-items:center;text-decoration:none;display:grid}.socials a:hover{color:var(--text);border-color:var(--border-hover);transform:translateY(-2px)}.socials a.li:hover{color:#fff;background:#0a66c2;border-color:#0a66c2;box-shadow:0 6px 18px #0a66c259}.socials a.gh:hover{color:#0b1120;background:#e9eef7;border-color:#e9eef7;box-shadow:0 6px 18px #e9eef72e}.socials a.em:hover{color:#fff;background:var(--accent);border-color:var(--accent);box-shadow:0 6px 18px #3b82f659}.contact .btn-primary:hover{box-shadow:0 0 26px #3b82f673}.contact-email{font-family:var(--font-mono);font-size:var(--t-small);color:var(--muted);margin-top:1.25rem}.contact-email a{color:var(--accent-soft);text-decoration:none}footer{border-top:1px solid var(--border);text-align:center;padding:1.75rem 5%}footer p{color:var(--dim);font-family:var(--font-mono);font-size:var(--t-tag)}@media (max-width:1024px){.approach-grid{grid-template-columns:1fr 1fr}}@media (max-width:768px){.nav-links{background:#0b1120fa;flex-direction:column;justify-content:center;align-items:center;gap:2rem;display:none;position:fixed;inset:0}.nav-links.open{display:flex}.menu-btn{z-index:101;display:flex}.hero{padding-top:5.5rem}.approach-grid{grid-template-columns:1fr}.journey-track{padding:3rem 5%;height:auto!important;position:static!important}.journey-stage{flex-direction:column!important;gap:2rem!important;height:auto!important;padding:0!important;display:flex!important;position:static!important}.journey-content-col{flex-direction:column!important;gap:2rem!important;display:flex!important}.j-stage-card{opacity:1!important;pointer-events:auto!important;max-width:100%!important;position:static!important;transform:none!important}.journey-3d-col{display:none!important}.j-card{max-width:100%}.j-card.right{margin-left:0}.board-hud{display:none}.wrap{padding:4.5rem 5%}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}.journey-track{height:auto!important;position:static!important}.journey-stage{flex-direction:column!important;gap:2rem!important;height:auto!important;padding:4rem 5%!important;display:flex!important;position:static!important}.journey-content-col{flex-direction:column!important;gap:2rem!important;display:flex!important}.j-stage-card{opacity:1!important;pointer-events:auto!important;position:static!important;transform:none!important}}