:root{--bg:#020914;--bg-elevated:#071726;--surface:#0b1f35;--surface-2:#102744;--text:#e8f1ff;--muted:#a7bdd6;--border:#1a3859;--accent:#007bff;--accent-hover:#3398ff;--accent-soft:#007bff29;--max-width:1120px;--radius:14px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);background-image:radial-gradient(circle at 15% -10%,#007bff33,#0000 45%),radial-gradient(circle at 95% 10%,#3398ff24,#0000 35%);font-family:Manrope,Avenir Next,Segoe UI,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}.container{width:min(100% - 2rem, var(--max-width));margin:0 auto}.site-header{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;background:#020914db;position:sticky;top:0}.nav-wrap{justify-content:space-between;align-items:center;min-height:72px;display:flex}.brand{letter-spacing:.01em;align-items:center;gap:.62rem;font-size:1.1rem;font-weight:700;display:inline-flex}.brand-icon{border:1px solid #7ab6ff59;border-radius:9px;width:36px;height:36px;box-shadow:0 8px 16px #00000040}.nav{color:var(--muted);gap:1.1rem;font-weight:500;display:flex}.nav a{transition:color .18s}.nav a:hover{color:#fff}.section{padding:4rem 0}.hero{padding:5rem 0 3rem}.hero h1{letter-spacing:-.02em;margin:0 0 1rem;font-size:clamp(1.9rem,4vw,3rem);line-height:1.15}.hero p{max-width:720px;color:var(--muted);margin:0}.grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1rem;display:grid}.card{border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(160deg,#102744eb,#0b1f35f5);padding:1.15rem;transition:transform .22s,border-color .22s,box-shadow .22s;box-shadow:0 14px 24px #00000038}.card:hover{border-color:#3398ff80;transform:translateY(-3px);box-shadow:0 20px 34px #0000004d}.card h3{margin-top:0;margin-bottom:.5rem}.card p{color:var(--muted);margin:0}.chips{flex-wrap:wrap;gap:.5rem;margin-top:.9rem;display:flex}.chip{border:1px solid var(--border);color:#bdd4ef;background:#091e36cc;border-radius:999px;padding:.22rem .62rem;font-size:.8rem}.button-row{flex-wrap:wrap;gap:.75rem;margin-top:1.5rem;display:flex}.button{border:1px solid var(--border);border-radius:12px;padding:.64rem 1rem;font-weight:600;transition:transform .18s,border-color .18s,background-color .18s;display:inline-block}.button:hover{border-color:#3398ff73;transform:translateY(-1px)}.button.primary{background:var(--accent);border-color:var(--accent);color:#fff}.button.primary:hover{background:var(--accent-hover)}.contact{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:#081524d9}.contact a{color:var(--accent);font-weight:600}.site-footer{color:var(--muted);padding:2rem 0;font-size:.92rem}.footer-brand{margin-bottom:.55rem}.footer-icon{border:1px solid #7ab6ff4d;border-radius:14px;width:56px;height:56px}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:#7ab6ff;margin:0 0 .6rem;font-size:.79rem;font-weight:700}.section-head p{margin-top:.45rem}.project-card h3{margin-top:.9rem}.project-card p{min-height:3.2rem}.project-title-link{color:#f4f8ff}.project-title-link:hover{color:#a8d1ff}.project-thumb-wrap{background:var(--bg-elevated);border:1px solid #3398ff59;border-radius:10px;overflow:hidden}.project-thumb{object-fit:cover;width:100%;height:170px;display:block}.portfolio-hero{padding-top:4.5rem}.portfolio-hero-grid{grid-template-columns:1.1fr .9fr;align-items:center;gap:2rem;display:grid}.workflow-placeholder{border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(155deg,#051327,#081e39);padding:.8rem}.workflow-image{width:100%;height:auto;display:block}.portfolio-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:1.3rem}.workflow-feature-section{padding-top:.5rem}.workflow-feature-section h2{margin:0 0 .9rem}.workflow-diagram{margin:0}.workflow-diagram-frame{border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(160deg,#102744eb,#0b1f35f5);padding:.75rem;position:relative}.workflow-diagram-image{border-radius:10px;width:100%;max-width:100%;height:auto;display:block}.workflow-diagram figcaption{color:var(--muted);margin-top:.55rem;font-size:.9rem}.workflow-diagram-nodes{z-index:2;pointer-events:none;position:absolute;inset:0}.node-hitbox{pointer-events:auto;border-radius:10px;position:absolute}.node-audio{width:22%;height:62%;top:19%;left:7%}.node-n8n{width:22%;height:62%;top:19%;left:37%}.node-action{width:25%;height:62%;top:19%;left:67%}.detail-shell{flex-direction:column;gap:1.1rem;display:flex}.detail-intro{color:var(--muted);max-width:760px}.detail-block{padding:1.2rem}.detail-block h2{margin-top:0}.detail-block ul{color:var(--muted);margin:0;padding-left:1rem}.detail-image{border:1px solid var(--border);background:var(--bg-elevated);border-radius:10px;width:100%;height:auto}.screenshot-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;display:grid}.workflow-track{border:1px solid var(--border);background:#071726d1;border-radius:12px;justify-content:space-between;align-items:center;margin-top:1rem;padding:.8rem;display:flex}.workflow-track span{color:#d9ebff;border:1px solid #3398ff59;border-radius:999px;padding:.35rem .75rem;font-weight:600}.workflow-track .arrow{color:#7ab6ff;border:none;padding:0}.workflow-track.state-processing span:not(.arrow){animation:.8s ease-in-out infinite alternate pulse}.workflow-track.state-done{border-color:#3398ffa6;box-shadow:inset 0 0 0 1px #3398ff33}.demo-controls{grid-template-columns:1fr auto;gap:.65rem;margin-top:.75rem;display:grid}.demo-input{border:1px solid var(--border);color:#e6f1ff;background:#041124;border-radius:10px;width:100%;padding:.62rem .75rem}.demo-input:focus{outline-offset:1px;outline:2px solid #007bff66}.demo-row{margin-top:.85rem}.demo-status{color:#9ec8f4;text-transform:capitalize;margin-top:.8rem}.demo-list{color:var(--muted);margin:.75rem 0 0;padding-left:1.2rem}.detail-connect{margin-top:.7rem}.snippet-list{gap:.9rem;display:grid}.snippet{border:1px solid var(--border);background:#05111eb3;border-radius:10px;padding:.85rem}.snippet h3{margin:0 0 .5rem}pre{color:#d5e8ff;background:#041124;border:1px solid #7ab6ff33;border-radius:9px;margin:0;padding:.75rem;overflow-x:auto}code{font-family:IBM Plex Mono,SFMono-Regular,Menlo,monospace;font-size:.86rem}.audio-intake-page .audio-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;width:min(100%,680px);margin:0 auto;padding:clamp(1rem,2.5vw,1.5rem)}.audio-intake-page h1{margin:0;font-size:clamp(1.4rem,3.5vw,2rem)}.audio-intake-page .muted{color:var(--muted);margin-top:.4rem}.audio-intake-page .audio-form{gap:.65rem;margin-top:.7rem;display:grid}.audio-intake-page .top-actions{justify-content:flex-start;margin-bottom:.8rem;display:flex}.audio-intake-page label{margin-bottom:.25rem;font-size:.88rem;font-weight:600;display:inline-block}.audio-intake-page .field-row{flex-wrap:wrap;gap:.55rem;width:100%;display:flex}.audio-intake-page .field{min-width:0}.audio-intake-page .project-field{flex:260px}.audio-intake-page .date-field{flex:0 190px}.audio-intake-page select,.audio-intake-page input[type=date]{border:1px solid var(--border);width:100%;max-width:100%;font:inherit;background:var(--bg-elevated);color:var(--text);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;border-radius:10px;padding:.5rem .64rem}.audio-intake-page select:focus,.audio-intake-page input[type=date]:focus{outline-offset:1px;outline:2px solid #007bff73}.audio-intake-page .recording-panel{border:1px solid var(--border);background:#071726b3;border-radius:10px;flex-direction:column;gap:.25rem;padding:.55rem .6rem;display:flex}.audio-intake-page .status-kicker{color:var(--muted);letter-spacing:.03em;text-transform:uppercase;margin:0;font-size:.72rem}.audio-intake-page .status-line{flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.9rem;display:flex}.audio-intake-page .button-group{flex-wrap:wrap;gap:.45rem;width:100%;display:flex}.audio-intake-page .button{cursor:pointer;max-width:100%;padding:.46rem .72rem;font-size:.9rem;line-height:1.2}.audio-intake-page .button:disabled,.audio-intake-page .submit-button:disabled{opacity:.55;cursor:not-allowed}.audio-intake-page .audio-preview{width:100%;margin-top:.3rem;display:block}.audio-intake-page .submit-button{justify-self:start;max-width:100%;padding:.46rem .86rem;font-size:.92rem}.audio-intake-page .message{margin:.2rem 0 0;font-weight:600}.audio-intake-page .success{color:#79e2a8}.audio-intake-page .error{color:#ff8f8f;white-space:pre-wrap}.hal-agent-page .hal-agent-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;gap:.8rem;width:min(100%,680px);margin:0 auto;padding:clamp(1rem,2.5vw,1.5rem);display:grid}.hal-agent-page .top-actions{justify-content:flex-start;display:flex}.hal-agent-page h1{margin:0;font-size:clamp(1.4rem,3.5vw,2rem)}.hal-agent-page .muted{color:var(--muted);margin:-.2rem 0 0}.hal-agent-page .status-line{color:var(--muted);margin:.15rem 0 0}.hal-agent-page .status-line strong{color:var(--text)}.hal-agent-page .hold-button{border:1px solid var(--accent);background:linear-gradient(155deg, var(--accent), #1185ff);color:#fff;cursor:pointer;touch-action:none;border-radius:16px;min-height:72px;padding:.9rem 1rem;font-size:1.08rem;font-weight:700}.hal-agent-page .hold-button:disabled{opacity:.6;cursor:not-allowed}.hal-agent-page .hold-button:active{transform:scale(.99)}.hal-agent-page .text-form{gap:.45rem;display:grid}.hal-agent-page .text-form label{font-size:.9rem;font-weight:600}.hal-agent-page .text-form input{border:1px solid var(--border);width:100%;font:inherit;background:var(--bg-elevated);color:var(--text);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;border-radius:10px;padding:.68rem .75rem}.hal-agent-page .text-form input:focus{outline-offset:1px;outline:2px solid #007bff73}.hal-agent-page .text-form .button{justify-self:start}.hal-agent-page .audio-response{gap:.35rem;display:grid}.hal-agent-page .audio-response label{font-size:.9rem;font-weight:600}.hal-agent-page .audio-response audio{width:100%}.hal-agent-page .message{margin:0;font-weight:600}.hal-agent-page .error{color:#ff8f8f}@media (max-width:700px){.nav{gap:.7rem;font-size:.92rem}.nav-wrap{flex-direction:column;justify-content:center;align-items:flex-start;gap:.6rem;padding:.8rem 0}.brand-icon{width:32px;height:32px}.hero{padding-top:3.6rem}.project-thumb{height:155px}.screenshot-grid,.demo-controls{grid-template-columns:1fr}.workflow-track{flex-wrap:wrap;justify-content:center;gap:.4rem}.workflow-diagram-frame{padding:.55rem}}@media (max-width:920px){.portfolio-hero-grid{grid-template-columns:1fr}.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.portfolio-grid{grid-template-columns:1fr}.audio-intake-page .field-row{flex-direction:column}.audio-intake-page .date-field,.audio-intake-page .project-field{flex:auto}.audio-intake-page .status-line{gap:.3rem;font-size:.86rem}.audio-intake-page .submit-button,.audio-intake-page .button-group .button{width:100%}.hal-agent-page .text-form .button{justify-self:stretch;width:100%}}@media (prefers-reduced-motion:reduce){.card,.button,.workflow-track.state-processing span:not(.arrow){transition:none!important;animation:none!important}}@keyframes pulse{0%{box-shadow:0 0 #007bff0d}to{box-shadow:0 0 0 6px #007bff38}}