*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#050510;color:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5}
a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%}
.display,h1,h2,h3{font-family:"Space Grotesk",sans-serif}
.container{width:92%;max-width:1200px;margin:0 auto}.page{min-height:100vh;overflow:hidden}
.site-header{position:sticky;top:0;z-index:50;background:rgba(5,5,16,.80);backdrop-filter:blur(24px);border-bottom:1px solid rgba(255,255,255,.06)}
.header-inner{height:64px;display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#00D9FF,#8B5CF6);font-weight:700;font-size:13px;color:#000}
.brand-name{font-weight:700;font-size:15px;letter-spacing:-.025em}.brand-role{font-size:12px;color:rgba(255,255,255,.3);margin-left:8px;letter-spacing:.1em}
.desktop-nav{display:flex;align-items:center;gap:32px;font-size:13px;letter-spacing:.025em;color:rgba(255,255,255,.6)}
.desktop-nav a:not(.email-button){transition:.15s}.desktop-nav a:not(.email-button):hover{color:#fff}
.email-button{margin-left:8px;padding:8px 16px;border-radius:999px;background:#fff;color:#000;font-weight:600}.email-button:hover,.primary-button:hover{background:rgba(255,255,255,.9)}
.mobile-menu-button{display:none;width:36px;height:36px;border:0;border-radius:50%;background:rgba(255,255,255,.06);align-items:center;justify-content:center;flex-direction:column;gap:4px;cursor:pointer}
.mobile-menu-button span{width:15px;height:2px;background:#fff;border-radius:2px}.mobile-menu{display:none}

.hero{padding-top:80px;padding-bottom:80px}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center}
.availability{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:rgba(0,217,255,.1);border:1px solid rgba(0,217,255,.2);color:#00D9FF;font-size:11px;letter-spacing:.1em;font-weight:600}
.dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex:none}.dot.cyan{background:#00D9FF;animation:pulse 2s infinite}.dot.green{background:#34D399;animation:pulse 2s infinite}.dot.small{width:6px;height:6px}
@keyframes pulse{50%{opacity:.5}}
.hero-title{margin:24px 0 0;font-size:64px;line-height:.95;font-weight:700;letter-spacing:-.025em}.hero-title span{background:linear-gradient(to right,#00D9FF,#8B5CF6);background-clip:text;-webkit-background-clip:text;color:transparent}
.hero-subtitle{margin-top:16px;display:flex;align-items:center;gap:12px}.divider{width:48px;height:1px;background:rgba(255,255,255,.2)}.hero-subtitle p{margin:0;font-size:20px;color:rgba(255,255,255,.6);letter-spacing:.025em;font-weight:500}
.hero-copy{margin-top:24px;max-width:520px;color:rgba(255,255,255,.5);font-size:15px;line-height:1.7}
.hero-actions{margin-top:32px;display:flex;flex-wrap:wrap;gap:12px}.primary-button,.secondary-button{padding:12px 24px;border-radius:999px;font-size:14px;display:flex;align-items:center;gap:8px;transition:.15s}.primary-button{background:#fff;color:#000;font-weight:600}.secondary-button{border:1px solid rgba(255,255,255,.15);color:rgba(255,255,255,.8);font-weight:500}.secondary-button:hover{background:rgba(255,255,255,.06)}
.stats{margin-top:40px;max-width:420px;padding-top:24px;border-top:1px solid rgba(255,255,255,.06);display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.stats strong{display:block;font-family:"Space Grotesk";font-size:22px}.stats span{display:block;margin-top:4px;font-size:11px;letter-spacing:.1em;color:rgba(255,255,255,.4)}
.hero-visual{position:relative;width:100%;max-width:420px;margin-left:auto}.hero-glow{position:absolute;inset:-24px;border-radius:40px;background:linear-gradient(135deg,rgba(0,217,255,.2),rgba(139,92,246,.2),transparent);filter:blur(40px)}
.profile-frame{position:relative;aspect-ratio:1;border-radius:36px;padding:4px;background:#fff;box-shadow:0 0 60px rgba(0,217,255,.25)}.profile-inner{width:100%;height:100%;border-radius:32px;overflow:hidden;background:#0a0a1a}.profile-inner img{width:100%;height:100%;object-fit:cover}
.expert-badge{position:absolute;bottom:-16px;left:-24px;background:#10101f;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:12px 16px;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);display:flex;align-items:center;gap:12px}
.expert-icon{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#00D9FF,#8B5CF6);display:grid;place-items:center}.expert-badge b{display:block;font-size:12px;letter-spacing:.025em}.expert-badge small{display:block;margin-top:2px;font-size:11px;color:rgba(255,255,255,.5)}
.online-badge{position:absolute;top:-8px;right:-16px;background:#10101f;border:1px solid rgba(255,255,255,.1);border-radius:999px;padding:6px 12px;font-size:11px;font-weight:600;letter-spacing:.1em;display:flex;align-items:center;gap:6px}

.work-section{padding-bottom:96px}.section-heading{margin-bottom:32px}.eyebrow{display:flex;align-items:center;gap:8px;color:#00D9FF;font-size:11px;letter-spacing:.2em;font-weight:600}.eyebrow.purple{color:#8B5CF6}
.section-heading h2{margin:12px 0 0;font-size:40px;font-weight:700;line-height:1.05;letter-spacing:-.025em}.section-heading p{margin:12px 0 0;color:rgba(255,255,255,.5);font-size:13px;max-width:560px}
.work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.work-card,.impact-card{border-radius:24px;overflow:hidden;background:#0E0E1F;border:1px solid rgba(255,255,255,.07)}
.work-card{transition:.15s}.cyan-hover:hover{border-color:rgba(0,217,255,.3)}.purple-hover:hover{border-color:rgba(139,92,246,.3)}
.art{aspect-ratio:16/9;overflow:hidden;background:#111}.art img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.work-card:hover .art img{transform:scale(1.02)}
.card-body{padding:24px}.card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.card-top h3{margin:0;font-size:20px;font-weight:700}.meta{margin-top:6px;display:flex;align-items:center;gap:8px;font-size:12px}
.pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.7)}.category{color:rgba(255,255,255,.3)}
.viral{padding:4px 10px;border-radius:999px;font-size:10px;font-weight:700;letter-spacing:.1em;white-space:nowrap}.cyan-pill{background:rgba(0,217,255,.15);border:1px solid rgba(0,217,255,.3);color:#00D9FF}.muted-pill{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.5)}
.note{margin-top:16px;display:flex;align-items:center;gap:4px;color:rgba(255,255,255,.5);font-size:12px}.tags{margin-top:16px;display:flex;gap:8px;flex-wrap:wrap}.tags span{font-size:11px;padding:4px 10px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.6)}
.quote{margin-top:16px;font-size:11px;padding:4px 8px;border-radius:4px;background:rgba(139,92,246,.15);border:1px solid rgba(139,92,246,.2);color:#C4B5FD;display:inline-block}.youtube-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:rgba(255,0,0,.15);border:1px solid rgba(255,0,0,.3);color:#FF8A8A}
.mini-virals{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end;max-width:180px}.mini-virals span{padding:4px 8px;border-radius:999px;background:rgba(0,217,255,.15);border:1px solid rgba(0,217,255,.2);color:#00D9FF;font-size:9px;font-weight:700}.mobile-viral{display:none}
.impact-card{background:linear-gradient(135deg,#0E0E1F,#15152e);padding:28px;display:flex;flex-direction:column}.impact-card h3{margin:12px 0 0;font-size:22px;line-height:1.1}
.impact-stats{margin-top:24px;display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.impact-stat{padding:16px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06)}.impact-stat strong{display:block;font-family:"Space Grotesk";font-size:24px}.impact-stat span{display:block;margin-top:4px;font-size:11px;letter-spacing:.1em;color:rgba(255,255,255,.4)}
.bar{margin-top:12px;height:6px;width:100%;background:rgba(255,255,255,.1);border-radius:999px;overflow:hidden}.bar i{display:block;height:100%;border-radius:999px;background:linear-gradient(to right,#00D9FF,#8B5CF6)}
.what-i-do{margin-top:20px;padding:16px;border-radius:16px;background:#050510;border:1px solid rgba(255,255,255,.06)}.small-title{font-size:11px;letter-spacing:.1em;color:rgba(255,255,255,.4);font-weight:600}
.what-i-do ul{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:10px;font-size:13px;color:rgba(255,255,255,.7)}.what-i-do li{display:flex;gap:8px;color:#00D9FF}.what-i-do li span{color:rgba(255,255,255,.7)}
.built-by{margin-top:auto;padding-top:24px;display:flex;align-items:center;gap:8px;font-size:11px;color:rgba(255,255,255,.3)}.built-by img{width:24px;height:24px;border-radius:50%;object-fit:cover;border:1px solid rgba(255,255,255,.2)}

.about-section{padding-bottom:64px}.about-card{border-radius:28px;border:1px solid rgba(255,255,255,.07);background:#0A0A18;padding:40px;display:grid;grid-template-columns:160px 1fr;gap:32px;align-items:start}
.about-photo{width:140px;height:140px;border-radius:24px;padding:3px;background:#fff;box-shadow:0 0 30px rgba(0,217,255,.2)}.about-photo>div{width:100%;height:100%;border-radius:21px;overflow:hidden}.about-photo img{width:100%;height:100%;object-fit:cover}
.about-card h3{margin:0;font-size:28px;font-weight:700}.about-card p{margin:12px 0 0;max-width:680px;color:rgba(255,255,255,.6);font-size:14px;line-height:1.7}
.about-tags{margin-top:24px;display:flex;flex-wrap:wrap;gap:8px}.about-tags span{padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.6);font-size:12px}.about-tags .cyan-tag{background:rgba(0,217,255,.1);border-color:rgba(0,217,255,.2);color:#00D9FF}.about-tags .purple-tag{background:rgba(139,92,246,.1);border-color:rgba(139,92,246,.2);color:#C4B5FD}

.contact-section{padding-bottom:80px}.contact-gradient{border-radius:28px;background:linear-gradient(135deg,rgba(0,217,255,.15),rgba(139,92,246,.15),#0E0E1F);border:1px solid rgba(255,255,255,.1);padding:1px}
.contact-card{border-radius:27px;background:#0A0A18;padding:48px;display:grid;grid-template-columns:1.1fr .9fr;gap:32px;align-items:center}.contact-card h3{margin:0;font-size:36px;line-height:1.05}.contact-card>div:first-child>p{margin:16px 0 0;max-width:440px;color:rgba(255,255,255,.5);font-size:14px;line-height:1.6}
.contact-person{margin-top:24px;display:flex;align-items:center;gap:12px}.contact-person img{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid #fff;padding:2px}.contact-person b{display:block;font-size:14px}.contact-person small{display:block;margin-top:2px;font-size:12px;color:rgba(255,255,255,.5)}
.contact-box{border-radius:16px;background:#050510;border:1px solid rgba(255,255,255,.06);padding:24px}.contact-email{margin-top:12px;display:flex;align-items:center;gap:8px;padding:12px 16px;border-radius:12px;background:#fff;color:#000;font-weight:600;font-size:14px}.contact-email:hover{background:rgba(255,255,255,.9)}
.verification{margin-top:16px;font-size:11px;line-height:1.5;color:rgba(255,255,255,.3)}.reply-status{margin-top:20px;padding-top:20px;border-top:1px solid rgba(255,255,255,.06);display:flex;align-items:center;gap:8px;font-size:11px;color:rgba(255,255,255,.4)}
footer{border-top:1px solid rgba(255,255,255,.06);padding:32px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;letter-spacing:.1em;color:rgba(255,255,255,.3)}.footer-inner span:last-child{display:flex;align-items:center;gap:8px}

@media (max-width:767px){
.container{width:88%}.desktop-only,.desktop-nav{display:none}.mobile-menu-button{display:flex}
.mobile-menu{display:none;border-top:1px solid rgba(255,255,255,.06);background:#050510;padding:24px 6%;flex-direction:column;gap:16px;font-size:14px}.mobile-menu.open{display:flex}.mobile-menu a{padding:8px 0;color:rgba(255,255,255,.7)}.mobile-email{margin-top:8px;padding:12px 20px!important;border-radius:999px;background:#fff;color:#000!important;font-weight:700;text-align:center}
.hero{padding-top:40px;padding-bottom:48px}.hero-grid{grid-template-columns:1fr;gap:40px}.hero-title{font-size:40px}.hero-subtitle p{font-size:16px}.hero-actions{flex-direction:column;align-items:stretch}.primary-button,.secondary-button{justify-content:center}.hero-visual{margin:0 auto}.profile-frame{border-radius:32px}.profile-inner{border-radius:28px}.expert-badge{left:-8px}.online-badge{right:-8px}
.work-section{padding-bottom:80px}.section-heading h2{font-size:30px}.work-grid{grid-template-columns:1fr;gap:20px}.card-body{padding:20px}.card-top{gap:10px}.viral{font-size:9px}.desktop-viral{display:none}.mobile-viral{display:flex;margin-top:12px;justify-content:flex-start;max-width:none}
.about-card{grid-template-columns:1fr;padding:24px;gap:24px}.about-photo{margin:0 auto;width:120px;height:120px}.about-card h3{font-size:24px}
.contact-card{grid-template-columns:1fr;padding:32px;gap:32px}.contact-card h3{font-size:28px}.footer-inner{flex-direction:column;text-align:center}
}
@media (min-width:768px) and (max-width:1100px){.container{width:92%}.hero-title{font-size:56px}}
video {height: 400px;width: 100%;}