@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@500;600;700;800;900&family=Inter:wght@400;500;600;700&display=swap";:root{color:#e7edf8;font-synthesis:none;text-rendering:optimizelegibility;background:#05091a;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 0 0,#22d3ee1f,#0000 26rem),radial-gradient(circle at 80% 5%,#f871711f,#0000 24rem),#05091a;min-width:320px;margin:0}a{color:inherit}.page-shell{width:min(1180px,100% - 36px);margin:0 auto;padding:18px 0 40px}.topbar{z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#080c1ae0;border:1px solid #94a3b826;border-radius:30px;justify-content:center;align-items:center;gap:16px;margin-bottom:42px;padding:12px 20px;display:flex;position:sticky;top:12px}.brand{letter-spacing:.08em;color:#f8fafc;align-items:center;gap:12px;font-family:Orbitron,sans-serif;font-size:1rem;font-weight:800;text-decoration:none;display:inline-flex}.brand span{color:#fff;background:linear-gradient(135deg,#fb7185,#0ea5e9);border-radius:14px;place-items:center;width:38px;height:38px;font-size:.82rem;display:grid}.topnav{justify-content:center;gap:28px;margin:0 auto;display:flex}.topnav a{color:#cbd5e1;font-size:.95rem;text-decoration:none;transition:color .2s}.topnav a:hover{color:#f8fafc}.hero{grid-template-columns:1.1fr .9fr;align-items:center;gap:40px;min-height:calc(100vh - 140px);padding:20px 0 40px;display:grid}.hero-copy{max-width:610px}.eyebrow{color:#38bdf8;text-transform:uppercase;letter-spacing:.36em;margin:0 0 16px;font-size:.82rem;font-weight:700}.hero h1{letter-spacing:-.08em;color:#f8fafc;margin:0 0 18px;font-family:Orbitron,sans-serif;font-size:clamp(52px,8vw,85px);line-height:.92}.hero-text{color:#cbd5e1;max-width:620px;margin:0;font-size:1.05rem;line-height:1.85}.hero-actions{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:16px;margin-top:32px;display:flex}.primary,.secondary,.project-links a,.contact-links a{border-radius:16px;align-items:center;gap:10px;padding:14px 20px;font-weight:700;text-decoration:none;transition:transform .18s,background .18s,color .18s;display:inline-flex}.primary{color:#fff;background:linear-gradient(135deg,#fb7185,#0ea5e9)}.primary:hover{transform:translateY(-2px)}.secondary{color:#f8fafc;background:#f8fafc14;border:1px solid #ffffff1a}.secondary:hover{background:#ffffff1f}.hero-tags{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}.hero-tags span{color:#a5f3fc;background:#0ea5e91f;border:1px solid #0ea5e92e;border-radius:999px;justify-content:center;align-items:center;padding:10px 14px;font-size:.86rem;display:inline-flex}.hero-panel{justify-content:center;display:flex}.profile-card{background:#0f142aeb;border:1px solid #94a3b829;border-radius:36px;width:min(420px,100%);padding:30px 28px;box-shadow:0 28px 80px #00000047}.profile-frame{background:radial-gradient(circle at 0 0,#f871712e,#0000 42%),radial-gradient(circle at 100% 100%,#0ea5e92e,#0000 42%),#ffffff08;border:1px solid #ffffff14;border-radius:50%;place-items:center;width:170px;height:170px;margin:0 auto 24px;display:grid}.profile-photo{background-image:url(/profile.jpg),linear-gradient(135deg,#0ea5e9,#fb7185);background-position:50%;background-size:cover;border-radius:50%;width:148px;height:148px;box-shadow:inset 0 0 0 4px #ffffff0d}.profile-info{text-align:center;margin-bottom:22px}.profile-role{color:#f8fafc;letter-spacing:.08em;margin:0 0 10px;font-family:Orbitron,sans-serif;font-size:1rem}.profile-info p{color:#cbd5e1;margin:0;line-height:1.75}.profile-meta{gap:10px;margin:0;padding:0;list-style:none;display:grid}.profile-meta li span{color:#cbd5e1;background:#ffffff0a;border:1px solid #94a3b824;border-radius:999px;justify-content:center;padding:11px 14px;font-size:.92rem;display:inline-flex}.about,.projects,.contact{margin-bottom:92px}.section-header{margin-bottom:34px}.section-header p{color:#38bdf8;text-transform:uppercase;letter-spacing:.26em;margin:0 0 14px;font-size:.78rem;font-weight:700}.section-header h2{color:#f8fafc;margin:0;font-size:clamp(32px,4vw,52px);line-height:1.04}.about-grid{grid-template-columns:.95fr 1.05fr;align-items:start;gap:28px;display:grid}.about-copy{background:#0f142ae6;border:1px solid #94a3b824;border-radius:32px;padding:32px}.about-copy p{color:#cbd5e1;margin:0 0 24px;font-size:1rem;line-height:1.8}.about-stats{flex-wrap:wrap;gap:16px;display:flex}.stat-card{background:#ffffff08;border:1px solid #ffffff14;border-radius:24px;min-width:140px;padding:20px}.stat-card strong{color:#f8fafc;margin-bottom:8px;font-size:2rem;display:block}.stat-card span{color:#94a3b8;font-size:.94rem}.service-cards{gap:18px;display:grid}.service-card{background:#ffffff08;border:1px solid #ffffff14;border-radius:28px;padding:26px;box-shadow:inset 0 0 0 1px #ffffff03}.service-icon{color:#38bdf8;background:#0ea5e91f;border-radius:16px;place-items:center;width:44px;height:44px;margin-bottom:18px;display:grid}.service-card h3{color:#f8fafc;margin:0 0 12px;font-size:1.18rem}.service-card p{color:#cbd5e1;margin:0;line-height:1.75}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.project-card{background:#0f142ae6;border:1px solid #ffffff0f;border-radius:28px;padding:28px;transition:transform .2s,border-color .2s}.project-card:hover{border-color:#f871714d;transform:translateY(-6px)}.project-icon{color:#fb7185;background:#f871711f;border-radius:16px;place-items:center;width:46px;height:46px;margin-bottom:20px;display:grid}.project-card h3{color:#f8fafc;margin:0 0 12px;font-size:1.2rem}.project-card p{color:#cbd5e1;margin:0 18px 18px 0;line-height:1.75}.tag-row{flex-wrap:wrap;gap:10px;margin-bottom:20px;display:flex}.tag-row small{color:#a5f3fc;background:#0ea5e91f;border:1px solid #0ea5e92e;border-radius:999px;padding:8px 12px;font-weight:700}.project-links{flex-wrap:wrap;gap:12px;display:flex}.project-links a{color:#cbd5e1;background:#ffffff0f;border-radius:14px;padding:10px 16px;font-weight:700;text-decoration:none;transition:background .2s}.project-links a:hover{background:#ffffff1f}.audio-demo{margin-bottom:64px}.audio-card{text-align:center;background:#0f142ae6;border:1px solid #ffffff0f;border-radius:24px;flex-direction:column;align-items:center;gap:24px;padding:32px;display:flex}.audio-copy{max-width:760px}.audio-copy p{color:#cbd5e1;margin:0 0 24px;line-height:1.8}.audio-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}@media (width<=1024px){.audio-card{padding:24px}}.caption-demo{margin-bottom:92px}.caption-demo-grid{grid-template-columns:1fr 1fr;gap:26px;display:grid}.caption-demo-card,.caption-result{background:#0f142aeb;border:1px solid #ffffff14;border-radius:32px;padding:28px}.caption-preview{background:#ffffff08;border-radius:28px;place-items:center;height:320px;margin-bottom:20px;display:grid;overflow:hidden}.caption-preview img{object-fit:cover;width:100%;height:100%}.image-placeholder{color:#94a3b8;text-align:center;padding:32px 16px}.upload-label{cursor:pointer;color:#f8fafc;background:#f8fafc14;border:1px solid #ffffff1f;border-radius:16px;align-items:center;gap:10px;margin-bottom:18px;padding:14px 18px;font-weight:700;display:inline-flex}.upload-label input{display:none}.caption-result .eyebrow{margin-bottom:18px}.caption-output{color:#e2e8f0;background:#ffffff08;border:1px solid #ffffff14;border-radius:20px;min-height:164px;padding:24px;line-height:1.85}.caption-help{color:#94a3b8;margin-top:18px;font-size:.95rem;line-height:1.75}.error-message{color:#fb7185;margin-top:18px;font-weight:700}.contact-card{background:#0f142aeb;border:1px solid #ffffff14;border-radius:32px;gap:28px;padding:34px;display:grid}.contact-card p{text-transform:uppercase;letter-spacing:.22em;color:#38bdf8;margin:0 0 16px;font-size:.82rem;font-weight:700}.contact-card h2{color:#f8fafc;margin:0;font-size:clamp(34px,4vw,48px);line-height:1.05}.contact-links{gap:14px;display:grid}.contact-links a{color:#cbd5e1;background:#ffffff0f;border-radius:18px;align-items:center;gap:10px;padding:16px 20px;font-weight:700;text-decoration:none;transition:background .2s;display:inline-flex}.contact-links a:hover{background:#ffffff1f}.footer{text-align:center;color:#94a3b8;padding-top:10px;font-size:.95rem}@media (width<=1024px){.hero,.about-grid{grid-template-columns:1fr}.project-grid{grid-template-columns:1fr 1fr}}@media (width<=720px){.page-shell{width:min(100% - 24px,1180px)}.topbar{flex-direction:column;align-items:flex-start}.topnav{flex-wrap:wrap;gap:12px}.hero{gap:28px;min-height:auto}.hero h1{font-size:58px}.hero-panel{order:-1}.project-grid{grid-template-columns:1fr}.hero-actions{flex-direction:column;justify-content:center;align-items:stretch}.contact-links{grid-template-columns:1fr}}