:root{--bg: #0b0e14;--bg-panel: #121722;--bg-elevated: #1a2130;--border: #232c3d;--border-bright: #35415a;--text: #e8ecf4;--muted: #97a3b8;--dim: #6d7c96;--amber: #f5a524;--amber-soft: rgba(245, 165, 36, .14);--violet: #8b7cf8;--violet-soft: rgba(139, 124, 248, .14);--green: #2fbf71;--red: #ef4d5f;--font-display: "Space Grotesk", "Segoe UI", sans-serif;--font-body: "Inter", "Segoe UI", sans-serif;--section-y: 52px;--radius: 14px;--radius-sm: 8px;--shadow: 0 10px 32px rgba(0, 0, 0, .45)}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font-body);line-height:1.6;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:0;background-image:radial-gradient(circle,rgba(151,163,184,.07) 1px,transparent 1px);background-size:26px 26px;pointer-events:none;z-index:0}#root{position:relative;z-index:1}::selection{background:var(--amber);color:#14100a}h1,h2,h3{font-family:var(--font-display);line-height:1.15}a{color:var(--amber);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}:focus-visible{outline:2px solid var(--amber);outline-offset:2px;border-radius:4px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.container{max-width:1080px;margin:0 auto;padding-left:24px;padding-right:24px}[id]{scroll-margin-top:24px}section{padding-top:var(--section-y);padding-bottom:var(--section-y)}@media(max-width:720px){:root{--section-y: 40px}.container{padding-left:18px;padding-right:18px}}.section-title{font-size:15px;letter-spacing:3px;text-transform:uppercase;color:var(--amber);margin-bottom:8px}.section-heading{font-size:clamp(26px,4vw,38px);font-weight:700;margin-bottom:28px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.reveal{transition:opacity .6s ease,transform .6s ease}.js .reveal{opacity:0;transform:translateY(18px)}.js .reveal.revealed{opacity:1;transform:none}.nav{position:sticky;top:0;z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0b0e14d1;border-bottom:1px solid var(--border)}.nav-inner{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;max-width:1080px;margin:0 auto}.nav-logo{width:38px;height:38px;border-radius:9px;background:var(--bg-elevated);border:2px solid var(--amber);color:var(--amber);font-family:var(--font-display);font-weight:700;font-size:15px;display:grid;place-items:center;transition:transform .25s ease}.nav-logo:hover{transform:rotate(-6deg) scale(1.06);text-decoration:none}.nav-links{display:flex;gap:22px;align-items:center}.nav-links a{color:var(--muted);font-size:14px;font-weight:500;transition:color .2s}.nav-links a:hover{color:var(--text);text-decoration:none}@media(max-width:640px){.nav-links a:not(.nav-cta){display:none}}.nav-cta{color:var(--amber)!important;border:1px solid var(--amber);border-radius:8px;padding:6px 14px}.nav-cta:hover{background:var(--amber-soft)}.hero{min-height:calc(100vh - 63px);display:flex;flex-direction:column;justify-content:center;padding-top:64px;padding-bottom:64px}@media(max-width:720px){.hero{padding-top:44px;padding-bottom:44px}}.hero-hello{color:var(--violet);font-family:var(--font-display);font-size:17px;margin-bottom:20px}.tile-rows{display:block;margin:0 0 12px;cursor:pointer}.tile-rows-inner{display:flex;flex-direction:column;gap:clamp(6px,1.1vw,12px);--tile-gap: clamp(4px, .85vw, 8px);--size: min(66px, calc((min(100vw, 1080px) - 48px - 9 * var(--tile-gap)) / 10))}.tile-row{display:flex;gap:var(--tile-gap);flex-wrap:wrap}.tile{width:var(--size);height:var(--size);border-radius:calc(var(--size) * .18);background:linear-gradient(160deg,var(--bg-elevated),#141a27);border:1px solid var(--border-bright);box-shadow:inset 0 1px #ffffff12,0 6px 14px #00000059;color:var(--amber);font-family:var(--font-display);font-weight:700;font-size:calc(var(--size) * .52);display:grid;place-items:center;-webkit-user-select:none;user-select:none;animation:tile-deal .5s cubic-bezier(.2,.9,.3,1.2) backwards;animation-delay:var(--delay);transition:transform .25s ease,border-color .25s ease,color .25s ease}.tile:hover{transform:translateY(-6px) rotate(3deg);border-color:var(--amber);color:#ffc85e}@keyframes tile-deal{0%{opacity:0;transform:translateY(26px) rotate(8deg) scale(.7)}to{opacity:1;transform:none}}.tile.flipping{color:var(--dim);animation:tile-flap 62ms linear infinite;animation-delay:0s}@keyframes tile-flap{0%{transform:translateY(-16%) scaleY(.7)}62%{transform:none}to{transform:none}}.tile.landed{animation:tile-land .28s cubic-bezier(.2,.9,.3,1.2) backwards;animation-delay:0s}@keyframes tile-land{0%{transform:translateY(-8%) scaleY(1.16)}55%{transform:scaleY(.96)}to{transform:none}}.tile.blank{background:linear-gradient(160deg,#101520,#0c1017);border-color:var(--border);box-shadow:inset 0 1px #ffffff06}.tile.blank:hover{transform:none;border-color:var(--border)}.hero-sub{font-family:var(--font-display);font-size:clamp(17px,2.4vw,22px);color:var(--text);font-weight:600;margin-bottom:10px}.hero-sub .divider{color:var(--dim);margin:0 10px}.hero-sub .accent{color:var(--violet)}.hero-line{color:var(--muted);max-width:560px;margin-bottom:30px;font-size:16.5px}.hero-ctas{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.btn{display:inline-flex;align-items:center;gap:8px;border-radius:10px;padding:11px 20px;font-size:15px;font-weight:600;font-family:var(--font-display);transition:transform .15s ease,background .2s,border-color .2s,box-shadow .2s}.btn:hover{text-decoration:none;transform:translateY(-2px)}.btn-primary{background:var(--amber);color:#14100a}.btn-primary:hover{box-shadow:0 8px 22px #f5a52459}.btn-ghost{border:1px solid var(--border-bright);color:var(--text)}.btn-ghost:hover{border-color:var(--amber);color:var(--amber)}.shake-hint{color:var(--dim);font-size:13px;margin:0 0 26px;display:flex;align-items:center;gap:8px}.shake-btn{display:inline-flex;color:var(--amber);transition:transform .2s ease;padding:4px}.shake-btn:hover{transform:rotate(24deg) scale(1.25)}.about-grid{display:grid;grid-template-columns:300px 1fr;gap:48px;align-items:center}@media(max-width:820px){.about-grid{grid-template-columns:1fr;gap:32px}}.headshot-frame{position:relative;border-radius:var(--radius);transform:rotate(-2deg);transition:transform .35s ease;max-width:300px}.headshot-frame:hover{transform:rotate(0) scale(1.02)}.headshot-frame:after{content:"";position:absolute;inset:0;border-radius:var(--radius);border:2px solid var(--amber);transform:translate(10px,10px);z-index:-1;transition:transform .35s ease}.headshot-frame:hover:after{transform:translate(5px,5px)}.headshot-frame img{width:100%;height:auto;display:block;border-radius:var(--radius);border:1px solid var(--border-bright)}.about-text p{color:var(--muted);font-size:16.5px;margin-bottom:18px}.about-text strong{color:var(--text)}.now-list{list-style:none}.now-list li{display:flex;gap:10px;align-items:baseline;color:var(--muted);font-size:15px;margin-bottom:8px}.now-list .spark{color:var(--amber);display:inline-flex;align-self:center}.projects-hint{color:var(--dim);font-size:14px;margin:-16px 0 28px}.project-group-break{margin-top:calc(var(--section-y) + 14px)}.project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));gap:22px}.project-card{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);padding:24px;display:flex;flex-direction:column;gap:14px;transition:transform .25s ease,border-color .25s ease,opacity .25s ease,box-shadow .25s ease}.project-card:hover{transform:translateY(-4px);border-color:var(--border-bright);box-shadow:var(--shadow)}.project-card.lit{border-color:var(--amber);box-shadow:0 0 0 1px var(--amber),var(--shadow)}.project-card.dimmed{opacity:.35}.project-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.project-name{font-size:21px;font-weight:700}.project-tagline{color:var(--violet);font-size:14px;font-weight:500;margin-top:2px}.project-desc{color:var(--muted);font-size:14.5px;flex-grow:1}.badge{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:600;letter-spacing:.6px;text-transform:uppercase;color:var(--green);border:1px solid rgba(47,191,113,.4);background:#2fbf7117;padding:3px 9px;border-radius:999px;white-space:nowrap}.badge .pulse-dot{width:7px;height:7px;border-radius:50%;background:var(--green);animation:pulse-dot 1.8s ease-out infinite}.badge.wip{color:var(--violet);border-color:#8b7cf866;background:var(--violet-soft)}.badge.retired{color:var(--dim);border-color:var(--border-bright);background:var(--bg-elevated)}.badge.wip .pulse-dot{background:var(--violet)}@keyframes pulse-dot{0%{box-shadow:0 0 #2fbf718c}70%{box-shadow:0 0 0 7px #2fbf7100}to{box-shadow:0 0 #2fbf7100}}.tech-row{display:flex;flex-wrap:wrap;gap:7px}.tech-chip{font-size:12px;font-weight:600;line-height:1.6;color:var(--muted);background:var(--bg-elevated);border:1px solid var(--border);border-radius:6px;padding:3px 9px;transition:color .2s,border-color .2s}.tech-chip.hot{color:var(--amber);border-color:var(--amber)}@media(pointer:coarse){.tech-chip{padding:7px 11px}}.project-link{font-weight:600;font-size:14.5px;align-self:flex-start;display:inline-flex;align-items:center;gap:6px}.project-link-arrow{transition:transform .2s ease}.project-link:hover .project-link-arrow{transform:translate(3px)}.demo-box{background:var(--bg);border:1px dashed var(--border-bright);border-radius:var(--radius-sm);padding:14px}.demo-label{font-size:10.5px;letter-spacing:1.5px;text-transform:uppercase;color:var(--dim);margin-bottom:10px}.bank-demo{display:flex;flex-direction:column;gap:12px}.bank-table{display:flex;align-items:center;gap:14px}.die{width:52px;height:52px;background:linear-gradient(150deg,#f7f3ea,#ddd6c6);border-radius:11px;box-shadow:inset 0 -3px #0000002e,0 4px 10px #0006;display:grid;grid-template:repeat(3,1fr) / repeat(3,1fr);padding:8px;flex-shrink:0}.die.rolling{animation:die-roll .45s ease infinite}.die.bust-face{background:linear-gradient(150deg,#f0a2ab,#d96470)}@keyframes die-roll{0%{transform:rotate(0) translateY(0)}25%{transform:rotate(-14deg) translateY(-5px)}50%{transform:rotate(10deg) translateY(2px)}75%{transform:rotate(-6deg) translateY(-3px)}to{transform:rotate(0) translateY(0)}}.pip{border-radius:50%;background:#1c1710;margin:12%;opacity:0}.pip.on{opacity:1}.die.bust-face .pip{background:#5c0f18}.bank-scores{display:flex;flex-direction:column;gap:2px;font-family:var(--font-display)}.bank-pot{font-size:20px;font-weight:700;color:var(--amber)}.bank-banked{font-size:13px;color:var(--muted)}.bank-msg{display:block;font-size:12.5px;font-weight:700;min-height:18px;line-height:1.4}.bank-msg.bust{color:var(--red)}.bank-msg.doubles{color:var(--violet)}.bank-msg.banked{color:var(--green)}.bank-msg.grace{color:var(--muted)}.bank-roll{font-size:11px;color:var(--dim);letter-spacing:.4px}.bank-actions{display:flex;gap:8px}.mini-btn{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-display);font-weight:700;font-size:13.5px;padding:8px 16px;border-radius:8px;background:var(--amber);color:#14100a;transition:transform .12s ease,opacity .2s}.mini-btn:hover{transform:translateY(-1px)}.mini-btn:disabled{opacity:.4;cursor:default;transform:none}.mini-btn.secondary{background:var(--bg-elevated);color:var(--text);border:1px solid var(--border-bright)}.mini-btn.secondary:hover{border-color:var(--green);color:var(--green)}.boggle-demo{display:flex;gap:16px;align-items:flex-start;flex-wrap:wrap}.boggle-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;width:100%;max-width:194px}.bog-tile{width:100%;aspect-ratio:1;border-radius:9px;background:linear-gradient(160deg,var(--bg-elevated),#141a27);border:1px solid var(--border-bright);color:var(--text);font-family:var(--font-display);font-weight:700;font-size:19px;display:grid;place-items:center;transition:transform .12s ease,border-color .15s,color .15s,background .15s}.bog-tile:hover{transform:scale(1.08);border-color:var(--violet)}.bog-tile.picked{background:var(--violet);border-color:var(--violet);color:#fff}.bog-tile.flash-ok{background:var(--green);border-color:var(--green);color:#fff}.boggle-side{display:flex;flex-direction:column;gap:8px;min-width:120px;flex:1}.boggle-word{font-family:var(--font-display);font-weight:700;font-size:17px;letter-spacing:2px;min-height:24px;color:var(--violet)}.boggle-word.ok{color:var(--green)}.boggle-found{font-size:12.5px;color:var(--muted);line-height:1.5}.boggle-found b{color:var(--green);font-weight:600}.boggle-hint{font-size:12px;color:var(--dim)}.boggle-clear{font-size:12px;color:var(--dim);align-self:flex-start;padding:2px 0}.boggle-clear:hover{color:var(--text)}.claim-btn{align-self:flex-start;padding:6px 12px;font-size:12.5px;background:var(--green);color:#06120b}.ble-demo{display:flex;align-items:center;gap:18px}.ble-stage{position:relative;width:92px;height:92px;flex-shrink:0}.ble-chip{position:absolute;inset:26px;border-radius:10px;background:linear-gradient(150deg,#1d2534,#10151f);border:1px solid var(--border-bright);display:grid;place-items:center;color:var(--violet);font-family:var(--font-display);font-size:9.5px;font-weight:700;z-index:2}.ble-ring{position:absolute;inset:0;border-radius:50%;border:2px solid var(--violet);opacity:0;animation:ble-ping var(--ble-period, 2.4s) ease-out infinite;animation-delay:var(--ring-delay)}@keyframes ble-ping{0%{transform:scale(.35);opacity:0}10%{opacity:.85}55%{transform:scale(1.05);opacity:0}to{transform:scale(1.05);opacity:0}}.ble-readout{font-size:12.5px;color:var(--muted);font-family:var(--font-display)}.ble-readout .val{color:var(--text);font-weight:600}.ble-readout .sleep{color:var(--dim)}.nourish-demo{display:flex;align-items:center;gap:14px;min-height:66px}.meal-icon{color:var(--green);width:62px;height:62px;border-radius:12px;background:var(--bg-elevated);border:1px solid var(--border-bright);display:grid;place-items:center;flex-shrink:0}.meal-info{min-width:0}.meal-name{font-family:var(--font-display);font-weight:700;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.meal-line{font-size:12.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.meal-fade{animation:meal-in .45s ease both}@keyframes meal-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.meal-tag{display:inline-block;margin-top:4px;font-size:10.5px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--green)}.timeline{position:relative;padding-left:30px}.timeline:before{content:"";position:absolute;left:7px;top:6px;bottom:6px;width:2px;background:var(--border-bright)}.job{position:relative;padding-bottom:36px}.job:last-child{padding-bottom:0}.job:before{content:"";position:absolute;left:-30px;top:6px;width:16px;height:16px;border-radius:50%;background:var(--bg);border:3px solid var(--amber);transition:transform .2s ease,box-shadow .2s ease}.job:hover:before{transform:scale(1.25);box-shadow:0 0 14px #f5a52480}.job-head{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}.job-company{font-family:var(--font-display);font-size:20px;font-weight:700}.job-period{color:var(--dim);font-size:13px;letter-spacing:.5px;text-transform:uppercase}.job-title{color:var(--violet);font-weight:600;font-size:15px;margin:2px 0 10px}.job ul{list-style:none}.job li{position:relative;padding-left:18px;color:var(--muted);font-size:14.5px;margin-bottom:6px}.job li:before{content:"";position:absolute;left:2px;top:.6em;width:5px;height:5px;border-radius:50%;background:var(--amber)}.skill-groups{display:flex;flex-direction:column;gap:18px}.skill-group{display:flex;gap:18px;align-items:baseline;flex-wrap:wrap}.skill-group-label{font-family:var(--font-display);font-weight:700;font-size:14px;color:var(--text);min-width:130px}.skill-chips{display:flex;flex-wrap:wrap;gap:9px}@media(max-width:720px){.skill-groups{gap:26px}.skill-group{gap:9px}.skill-group-label{min-width:0}}.skill-chip{font-size:13.5px;font-weight:600;color:var(--muted);background:var(--bg-panel);border:1px solid var(--border);border-radius:999px;padding:6px 15px}.contact-form{margin:26px auto 22px;max-width:560px;text-align:left}.field-row{display:flex;gap:14px}@media(max-width:560px){.field-row{flex-direction:column}}.field{display:flex;flex-direction:column;gap:6px;flex:1;margin-bottom:14px}.field-label{font-size:12.5px;font-weight:600;letter-spacing:.4px;text-transform:uppercase;color:var(--dim)}.field input,.field textarea{font:inherit;font-size:15px;color:var(--text);background:var(--bg);border:1px solid var(--border-bright);border-radius:var(--radius-sm);padding:11px 13px;width:100%;transition:border-color .18s,box-shadow .18s}.field textarea{resize:vertical;min-height:96px}.field input::placeholder,.field textarea::placeholder{color:var(--dim)}.field input:focus,.field textarea:focus{outline:none;border-color:var(--amber);box-shadow:0 0 0 3px var(--amber-soft)}.field input[aria-invalid=true],.field textarea[aria-invalid=true]{border-color:var(--red)}.field-error{font-size:13px;color:var(--red)}.hp-field{position:absolute;left:-9999px;opacity:0;height:0;overflow:hidden}.form-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.btn[disabled]{opacity:.6;pointer-events:none}.form-alt{color:var(--dim);font-size:14px}.form-error-note{color:var(--red);font-size:14px;margin-top:14px}.form-sent{margin:30px auto 24px;max-width:460px}.form-sent-mark{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:50%;color:var(--green);border:1px solid rgba(47,191,113,.45);background:#2fbf7117;margin-bottom:14px}.form-sent-title{font-family:var(--font-display);font-size:21px;font-weight:600;margin-bottom:8px}.form-sent-body{color:var(--muted);font-size:15px}.footer-area{color:var(--dim);font-size:14px;margin-top:-6px}.footer-section{padding-top:var(--section-y);padding-bottom:40px}.footer-card{background:linear-gradient(150deg,var(--bg-panel),#171326);border:1px solid var(--border-bright);border-radius:20px;padding:56px 40px;text-align:center}.footer-card h2{font-size:clamp(26px,4vw,40px);margin-bottom:12px}.footer-card p{color:var(--muted);max-width:520px;margin:0 auto 28px}.footer-links{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.footer-meta{text-align:center;color:var(--dim);font-size:13px;padding:32px 0 8px}.footer-meta .die-glyph{display:inline-flex;vertical-align:-2px;transition:transform .4s ease;cursor:default}.footer-meta .die-glyph:hover{transform:rotate(360deg)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.js .reveal{opacity:1;transform:none}}