:root{--bg:#151316;--surface:#ffffff0f;--surface-soft:#ffffff0a;--border:#ffffff21;--text-primary:#f7f4f4;--text-secondary:#d2c7c9;--text-muted:#9e9094;--accent:#4b0707;--accent-strong:#650d12;--accent-readable:#d68c96;--shadow:0 22px 90px #00000042;--sans:Inter, ui-sans-serif, system-ui, "Segoe UI", Roboto, Arial, sans-serif;--mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace;font:17px/1.55 var(--sans);letter-spacing:0;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text-secondary);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{box-sizing:border-box;max-width:100%}body{background:var(--bg);min-width:320px;margin:0}*{box-sizing:border-box}button,input,textarea{font:inherit}p{margin:0}.navbar{z-index:1000;box-sizing:border-box;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#151316d1;border-bottom:1px solid #ffffff14;width:100%;padding:18px 24px;position:fixed;top:0;left:0}.nav-inner{justify-content:space-between;align-items:center;gap:24px;width:min(1120px,100%);margin:0 auto;display:flex}.brand-mark{width:42px;height:42px;color:var(--text-primary);background:linear-gradient(135deg, var(--accent-strong), #320000);letter-spacing:0;border:1px solid #ffffff1f;border-radius:8px;font-weight:800}.nav-links{align-items:center;gap:8px;display:flex}.nav-link{appearance:none;color:var(--text-muted);cursor:pointer;font:inherit;background:0 0;border:0;border-radius:8px;padding:9px 12px;font-size:.92rem;transition:background-color .16s,color .16s}.nav-link:hover,.nav-link:focus-visible{color:var(--text-primary);background:#ffffff12;outline:none}.app-shell{background:linear-gradient(180deg, #1e1b1ffa, #151316 46%), var(--bg);min-height:100vh}main{overflow:hidden}.page-section{padding:96px 24px;scroll-margin-top:84px}.hero-section{padding-top:148px}.contact-section{padding-bottom:120px}.section-container{text-align:left;width:min(1120px,100%);margin:0 auto}.hero-grid{grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);align-items:center;gap:56px;display:grid}.hero-copy{flex-direction:column;gap:28px;display:flex}.hero-title{max-width:760px;color:var(--text-primary);letter-spacing:0;overflow-wrap:anywhere;margin:0;font-size:6.6rem;font-weight:800;line-height:.92}.hero-subtitle{max-width:700px;color:var(--text-secondary);font-size:1.45rem;line-height:1.55}.hero-actions,.contact-actions,.demo-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.primary-action.MuiButton-root{background:var(--accent);color:var(--text-primary);text-transform:none;border-radius:8px;padding:11px 18px;font-weight:800;box-shadow:0 14px 38px #32000057}.primary-action.MuiButton-root:hover{background:var(--accent-strong)}.secondary-action.MuiButton-root{border-color:var(--border);color:var(--text-primary);text-transform:none;border-radius:8px;padding:10px 18px;font-weight:700}.secondary-action.MuiButton-root:hover{border-color:var(--accent);background:#32000029}.hero-chip.MuiChip-root,.chip-row .MuiChip-root{border:1px solid var(--border);color:var(--text-secondary);background:#ffffff0a;border-radius:8px}.hero-chip.MuiChip-root{color:var(--accent-readable);background:#32000038;border-color:#d68c9657}.metric-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:760px;display:grid}.metric,.stat-card,.skills-panel,.project-card,.experience-card,.demo-panel,.content-panel,.contact-panel{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);border-radius:8px}.metric{padding:18px}.metric-value,.stat-value{color:var(--text-primary);font-size:1.05rem;font-weight:800}.metric-label,.stat-label,.muted-copy,.card-summary{color:var(--text-muted)}.metric-label{margin-top:6px;font-size:.9rem;line-height:1.35}.hero-visual{gap:16px;display:grid}.logo-frame{border:1px solid var(--border);background:radial-gradient(circle at 35% 25%,#32000047,#0000 34%),linear-gradient(145deg,#ffffff0e,#ffffff04);border-radius:8px;place-items:center;min-height:360px;display:grid}.logo-frame img{opacity:.92;filter:drop-shadow(0 28px 44px #00000061);width:min(62%,260px);height:auto}.focus-panel{border:1px solid var(--border);background:#3200002e;border-radius:8px;padding:22px}.panel-kicker,.section-kicker,.skill-group-label{color:var(--accent-readable);letter-spacing:.12em;text-transform:uppercase;font-size:.78rem;font-weight:800}.panel-title{color:var(--text-primary);margin-top:8px;font-size:1.25rem;font-weight:750;line-height:1.35}.panel-tags,.chip-row{flex-wrap:wrap;gap:8px;display:flex}.panel-tags{margin-top:16px}.panel-tags span{color:var(--text-secondary);background:#ffffff0e;border-radius:8px;padding:7px 10px;font-size:.85rem}.section-grid{grid-template-columns:.82fr 1.18fr;gap:40px;display:grid}.section-header{max-width:780px;margin-bottom:32px}.section-title,.contact-title{color:var(--text-primary);letter-spacing:0;overflow-wrap:anywhere;margin:10px 0 0;font-size:3.1rem;font-weight:800;line-height:1.08}.content-panel,.demo-panel,.contact-panel{padding:32px}.about-layout{grid-template-columns:minmax(0,.96fr) minmax(260px,.54fr);align-items:stretch;gap:18px;display:grid}.about-heading{grid-column:1/-1;align-items:start;gap:18px;display:grid}.about-heading .section-title{max-width:820px}.about-chip-row{justify-content:flex-start}.about-main{gap:16px;display:grid}.about-story{min-height:100%}.about-note-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.about-note{border:1px solid var(--border);background:var(--surface-soft);border-radius:8px;padding:18px}.about-note .card-summary{line-height:1.62}.about-stats{border:1px solid var(--border);background:linear-gradient(180deg, #4b07072e, #ffffff09), var(--surface);box-shadow:var(--shadow);border-radius:8px;padding:18px}.about-stat-grid{grid-template-columns:1fr;gap:12px;margin:0}.about-stat-grid .stat-card{background:#ffffff0b}.body-copy{color:var(--text-secondary);font-size:1.05rem;line-height:1.75}.body-copy+.body-copy{margin-top:18px}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:28px 0 20px;display:grid}.stat-card{background:var(--surface-soft);padding:16px}.stat-label{margin-bottom:5px;font-size:.84rem}.experience-list{gap:16px;display:grid}.experience-card,.project-card,.skills-panel{padding:24px}.experience-card-header,.project-card-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:16px;display:flex}.card-title{color:var(--text-primary);font-size:1.35rem;font-weight:800;line-height:1.2}.card-company{color:var(--accent-readable);margin-top:4px;font-weight:700}.date-pill,.result-pill{border:1px solid var(--border);max-width:100%;color:var(--text-secondary);overflow-wrap:anywhere;background:#ffffff0a;border-radius:8px;flex-shrink:0;padding:7px 10px;font-size:.85rem}.clean-list{color:var(--text-secondary);margin:18px 0;padding-left:20px}.clean-list li+li{margin-top:8px}.skills-layout,.project-grid{grid-template-columns:1.45fr .85fr;gap:16px;margin-top:24px;display:grid}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:0}.subsection-title{color:var(--text-primary);margin-bottom:16px;font-size:1.25rem;font-weight:800}.skill-groups{gap:18px;display:grid}.skill-group-label{margin-bottom:8px}.cert-list{color:var(--text-secondary);gap:10px;display:grid}.text-action.MuiButton-root{color:var(--accent-readable);text-transform:none;margin-top:18px;padding-left:0;font-weight:800}.text-action.Mui-disabled{color:var(--text-muted)}.demo-panel{margin-top:16px;scroll-margin-top:96px}.demo-header{margin-bottom:22px}.sentiment-demo{gap:16px;display:grid}.triage-demo{gap:18px;display:grid}.sample-ticket-row{flex-wrap:wrap;gap:10px;display:flex}.sample-ticket-button.MuiButton-root{border-color:var(--border);color:var(--text-secondary);text-transform:none;border-radius:8px;font-weight:700}.sample-ticket-button.MuiButton-root:hover{border-color:var(--accent-readable);background:#ffffff0d}.triage-grid{grid-template-columns:minmax(0,1.35fr) minmax(220px,.65fr);align-items:stretch;gap:16px;display:grid}.triage-issue-field{min-width:0}.triage-side-fields{align-content:start;gap:14px;display:grid}.error-copy{color:var(--accent-readable);font-weight:700}.support-result{border:1px solid var(--border);background:var(--surface-soft);border-radius:8px;gap:16px;padding:18px;display:grid}.support-result-header{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.result-title{color:var(--text-primary);font-size:1.05rem;font-weight:800}.support-response{color:var(--text-secondary);line-height:1.7}.confidence-meter.MuiLinearProgress-root{background:#ffffff14;border-radius:8px;height:8px}.confidence-meter .MuiLinearProgress-bar{background:var(--accent-readable);border-radius:8px}.escalation-note,.source-card{border:1px solid var(--border);background:#ffffff09;border-radius:8px;padding:14px}.result-label{color:var(--accent-readable);letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px;font-size:.78rem;font-weight:800}.source-list{gap:12px;display:grid}.source-card{gap:8px;display:grid}.source-card-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.source-title{color:var(--text-primary);overflow-wrap:anywhere;font-weight:800}.source-score{color:var(--accent-readable);font-family:var(--mono);flex-shrink:0;font-size:.86rem}.source-excerpt{color:var(--text-muted);line-height:1.55}.example-panel{background:var(--surface-soft);border:1px solid var(--border);border-radius:8px;grid-template-columns:140px 1fr;gap:8px 18px;padding:16px;display:grid}.design-table{-webkit-overflow-scrolling:touch;overflow:auto}.design-table table{min-width:620px}.design-table .MuiTableCell-root{color:var(--text-secondary);border-bottom-color:var(--border)}.design-table .MuiTableHead-root .MuiTableCell-root{color:var(--text-primary)}.contact-panel{text-align:center;max-width:860px}.contact-copy{color:var(--text-secondary);max-width:620px;margin:18px auto 28px;font-size:1.08rem;line-height:1.65}.contact-actions{justify-content:center}@media (width<=900px){.hero-grid,.section-grid,.skills-layout,.project-grid,.about-layout,.about-heading{grid-template-columns:1fr}.about-stats{padding:16px}.hero-visual{order:-1}.logo-frame{min-height:260px}.hero-title{font-size:4.7rem}.hero-subtitle{font-size:1.24rem}.section-title,.contact-title{font-size:2.45rem}}@media (width<=680px){.navbar{padding:12px 14px}.nav-inner{flex-direction:row;align-items:center;gap:12px}.nav-links{scrollbar-width:none;flex:1;min-width:0;padding-bottom:3px;overflow-x:auto}.nav-links::-webkit-scrollbar{display:none}.nav-link{flex:none;padding:8px 10px;font-size:.86rem}.brand-mark{flex:0 0 38px;width:38px;height:38px}.page-section{padding:64px 18px;scroll-margin-top:76px}.hero-section{padding-top:112px}.hero-copy{gap:22px}.hero-title{font-size:3.45rem;line-height:.96}.hero-subtitle{font-size:1.08rem;line-height:1.58}.metric-row,.stat-grid,.about-note-grid{grid-template-columns:1fr}.experience-card-header,.project-card-header{flex-direction:column;gap:12px}.content-panel,.demo-panel,.contact-panel,.experience-card,.project-card,.skills-panel{padding:20px}.example-panel,.triage-grid,.support-result-header{grid-template-columns:1fr}.support-result-header{display:grid}.section-title,.contact-title{font-size:2.05rem;line-height:1.12}.card-title{font-size:1.18rem}.clean-list{padding-left:18px}}@media (width<=460px){.page-section{padding-left:14px;padding-right:14px}.hero-section{padding-top:104px}.hero-title{font-size:2.9rem}.hero-actions,.contact-actions,.demo-actions{flex-direction:column;align-items:stretch}.hero-actions .MuiButton-root,.contact-actions .MuiButton-root,.demo-actions .MuiButton-root{width:100%}.logo-frame{min-height:210px}.logo-frame img{width:min(54%,190px)}.focus-panel,.content-panel,.demo-panel,.contact-panel,.experience-card,.project-card,.skills-panel,.metric,.stat-card{padding:16px}.hero-chip.MuiChip-root,.chip-row .MuiChip-root{max-width:100%}.chip-row .MuiChip-label,.hero-chip .MuiChip-label{text-overflow:ellipsis;overflow:hidden}.date-pill,.result-pill{text-align:center;width:100%}.design-table table{min-width:520px}}@media (width<=360px){.nav-link{padding:7px 8px;font-size:.8rem}.hero-title{font-size:2.55rem}.section-title,.contact-title{font-size:1.78rem}}