:root{
  --bg:#06111f;
  --bg-soft:#0a1728;
  --card:#0d1d31;
  --card-2:#11263f;
  --text:#f5f8ff;
  --muted:#9fb0c8;
  --line:rgba(255,255,255,.12);
  --line-strong:rgba(255,255,255,.22);
  --gold:#ffc45c;
  --cyan:#28d9ff;
  --green:#5cf6b3;
  --violet:#8f7bff;
  --shadow:0 24px 80px rgba(0,0,0,.34);
  --radius:28px;
  --max:1180px;
  color-scheme:dark;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color:var(--text);
  background:
    radial-gradient(circle at 14% 8%, rgba(40,217,255,.15), transparent 32%),
    radial-gradient(circle at 86% 10%, rgba(255,196,92,.13), transparent 30%),
    radial-gradient(circle at 50% 95%, rgba(92,246,179,.1), transparent 38%),
    linear-gradient(135deg,#06111f 0%,#08182a 50%,#040910 100%);
  overflow-x:hidden;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
::selection{background:rgba(40,217,255,.35)}
.scroll-line{position:fixed;top:0;left:0;right:0;height:3px;background:rgba(255,255,255,.06);z-index:200}.scroll-line span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--cyan),var(--gold),var(--green));box-shadow:0 0 18px rgba(40,217,255,.65)}
.grain{position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.18;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='.18'/%3E%3C/svg%3E")}
.cursor-glow{position:fixed;width:320px;height:320px;margin:-160px 0 0 -160px;border-radius:50%;background:radial-gradient(circle,rgba(40,217,255,.14),transparent 68%);pointer-events:none;z-index:0;opacity:0;transition:opacity .25s ease;mix-blend-mode:screen}
.site-header{position:sticky;top:14px;z-index:100;width:min(calc(100% - 32px),var(--max));margin:14px auto 0;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 14px;border:1px solid var(--line);border-radius:999px;background:rgba(6,17,31,.72);backdrop-filter:blur(20px);box-shadow:0 18px 60px rgba(0,0,0,.22)}
.logo{display:flex;align-items:center;gap:12px}.logo-mark{width:46px;height:46px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(135deg,var(--gold),var(--cyan));color:#06111f;font-weight:1000;letter-spacing:-.05em;box-shadow:0 14px 40px rgba(40,217,255,.2)}.logo-text{display:flex;flex-direction:column;line-height:1.05}.logo-text strong{font-size:15px}.logo-text small{color:var(--muted);font-size:12px}.nav{display:flex;align-items:center;gap:4px}.nav a{font-size:14px;font-weight:800;color:var(--muted);padding:11px 14px;border-radius:999px;transition:.25s ease}.nav a:hover,.nav a.active{color:var(--text);background:rgba(255,255,255,.09)}.nav-toggle{display:none;width:46px;height:46px;border:0;border-radius:999px;background:rgba(255,255,255,.09);position:relative}.nav-toggle span{position:absolute;left:14px;right:14px;height:2px;background:#fff;border-radius:99px;transition:.25s ease}.nav-toggle span:first-child{top:18px}.nav-toggle span:last-child{bottom:18px}.nav-toggle.open span:first-child{transform:translateY(4px) rotate(45deg)}.nav-toggle.open span:last-child{transform:translateY(-4px) rotate(-45deg)}
.section{position:relative;z-index:1;width:min(calc(100% - 40px),var(--max));margin:0 auto;padding:96px 0}.hero{padding-top:88px;min-height:calc(100vh - 80px);display:grid;align-items:center}.hero-bg{position:absolute;inset:18px -50px auto;min-height:640px;border-radius:50px;background:linear-gradient(135deg,rgba(255,255,255,.055),rgba(255,255,255,.015));border:1px solid rgba(255,255,255,.07);mask-image:linear-gradient(#000 0%,transparent 95%);z-index:-1}.hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);gap:56px;align-items:center}.kicker{display:inline-flex;align-items:center;gap:10px;margin:0 0 18px;font-size:12px;font-weight:1000;text-transform:uppercase;letter-spacing:.16em;color:var(--gold)}.kicker span{width:36px;height:2px;border-radius:99px;background:linear-gradient(90deg,var(--gold),transparent)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(44px,7vw,92px);line-height:.92;letter-spacing:-.072em;margin-bottom:24px;max-width:860px}h2{font-size:clamp(31px,4.6vw,58px);line-height:1.02;letter-spacing:-.052em;margin:0}h3{letter-spacing:-.026em}.lead{max-width:720px;color:#c6d4e7;font-size:clamp(18px,2vw,22px);line-height:1.7}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin:34px 0}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 24px;border-radius:999px;font-weight:950;letter-spacing:-.01em;transition:transform .25s ease, box-shadow .25s ease, background .25s ease, border-color .25s ease}.btn:hover{transform:translateY(-3px)}.btn.primary{background:linear-gradient(135deg,var(--gold),var(--green));color:#07111d;box-shadow:0 20px 48px rgba(255,196,92,.22)}.btn.secondary{border:1px solid var(--line-strong);background:rgba(255,255,255,.07);color:var(--text)}.proof-strip{display:flex;flex-wrap:wrap;gap:12px}.proof-strip span{display:inline-flex;align-items:baseline;gap:7px;padding:10px 13px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.055);color:#dce7f7;font-weight:750}.proof-strip b{color:var(--cyan);font-size:18px}.portrait-wrap{position:relative}.portrait-frame{position:relative;overflow:hidden;border-radius:44px;border:1px solid var(--line-strong);padding:16px;min-height:590px;background:linear-gradient(180deg,rgba(255,255,255,.13),rgba(255,255,255,.035));box-shadow:var(--shadow);isolation:isolate}.portrait-frame:before{content:"";position:absolute;inset:auto -70px -120px auto;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(255,196,92,.34),transparent 68%);z-index:-1;animation:blob 8s ease-in-out infinite}.portrait-frame img{width:100%;height:558px;object-fit:cover;border-radius:32px;filter:saturate(1.05) contrast(1.03)}.floating-tag{position:absolute;padding:11px 14px;border:1px solid rgba(255,255,255,.18);background:rgba(6,17,31,.74);backdrop-filter:blur(14px);border-radius:999px;font-size:13px;font-weight:900;box-shadow:0 16px 40px rgba(0,0,0,.22)}.tag-top{left:32px;top:32px}.tag-bottom{right:28px;bottom:34px}.orbit{position:absolute;border:1px solid rgba(40,217,255,.34);border-radius:50%;pointer-events:none}.orbit:after{content:"";position:absolute;width:10px;height:10px;border-radius:50%;background:var(--cyan);top:10px;left:10px;box-shadow:0 0 18px var(--cyan)}.orbit-one{width:130px;height:130px;right:34px;top:88px;animation:spin 16s linear infinite}.orbit-two{width:86px;height:86px;left:46px;bottom:160px;animation:spin 12s linear reverse infinite}.snapshot-card{position:absolute;left:-22px;bottom:-26px;max-width:290px;padding:20px 22px;border-radius:24px;border:1px solid rgba(255,255,255,.18);background:linear-gradient(135deg,rgba(12,31,52,.95),rgba(10,23,40,.85));box-shadow:var(--shadow)}.snapshot-card small{display:block;color:var(--gold);font-weight:950;text-transform:uppercase;letter-spacing:.12em;font-size:11px;margin-bottom:7px}.snapshot-card strong{display:block;font-size:22px;line-height:1.15;letter-spacing:-.04em}
.section-title{max-width:800px;margin-bottom:40px}.section-title.center{text-align:center;margin-inline:auto}.section-title.compact{max-width:660px}.story-layout{display:grid;grid-template-columns:360px 1fr;gap:48px;align-items:start}.story-sticky{position:sticky;top:118px;border:1px solid var(--line);border-radius:32px;background:linear-gradient(180deg,rgba(255,255,255,.1),rgba(255,255,255,.04));box-shadow:0 20px 70px rgba(0,0,0,.18);padding:28px}.chapter-label{color:var(--gold);text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:950;margin-bottom:18px}.story-sticky h3{font-size:38px;line-height:.98;margin:0 0 14px}.story-sticky p{color:#c8d6e8;line-height:1.7}.chapter-meter{height:8px;background:rgba(255,255,255,.08);border-radius:99px;overflow:hidden;margin-top:24px}.chapter-meter span{display:block;height:100%;width:20%;background:linear-gradient(90deg,var(--gold),var(--cyan));transition:width .35s ease}.chapter-list{display:grid;gap:18px}.chapter{display:grid;grid-template-columns:118px 1fr;gap:24px;padding:26px;border:1px solid var(--line);border-radius:30px;background:rgba(255,255,255,.055);transition:.3s ease}.chapter:hover,.chapter.active{border-color:rgba(255,196,92,.45);background:linear-gradient(135deg,rgba(255,196,92,.1),rgba(40,217,255,.055))}.chapter .year{display:inline-flex;align-items:center;justify-content:center;height:44px;border-radius:999px;background:rgba(255,255,255,.08);color:var(--gold);font-weight:950}.chapter h3{font-size:26px;margin-bottom:10px}.chapter p{color:#c5d4e8;line-height:1.68;margin:0}.impact-panel{position:relative;padding:34px;border:1px solid rgba(40,217,255,.26);border-radius:38px;background:linear-gradient(135deg,rgba(40,217,255,.1),rgba(255,196,92,.08),rgba(255,255,255,.035));box-shadow:var(--shadow);overflow:hidden}.impact-panel:after{content:"";position:absolute;right:-130px;top:-130px;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(40,217,255,.25),transparent 70%)}.metric-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.metric{min-height:178px;padding:24px;border:1px solid var(--line);border-radius:26px;background:rgba(6,17,31,.56);backdrop-filter:blur(10px)}.metric strong{display:block;font-size:clamp(40px,5vw,62px);line-height:.92;letter-spacing:-.065em;margin-bottom:22px;color:transparent;background:linear-gradient(135deg,#fff,var(--cyan));-webkit-background-clip:text;background-clip:text}.metric span{color:#cbd8ea;line-height:1.55;font-weight:760}.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.case-card{position:relative;min-height:360px;display:flex;flex-direction:column;justify-content:space-between;padding:28px;border:1px solid var(--line);border-radius:32px;background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.045));box-shadow:0 18px 54px rgba(0,0,0,.16);overflow:hidden;transition:.3s ease}.case-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 85% 12%,rgba(40,217,255,.16),transparent 32%);opacity:0;transition:.3s ease}.case-card:hover{transform:translateY(-8px);border-color:rgba(40,217,255,.44)}.case-card:hover:before,.case-card.featured:before{opacity:1}.case-card.featured{background:linear-gradient(135deg,rgba(255,196,92,.14),rgba(40,217,255,.08),rgba(255,255,255,.045));border-color:rgba(255,196,92,.38)}.case-no{position:relative;z-index:1;color:var(--gold);font-weight:950}.case-card h3{position:relative;z-index:1;font-size:30px;line-height:1.05;margin:28px 0 14px}.case-card p{position:relative;z-index:1;color:#c8d6e8;line-height:1.72}.case-tags{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:8px}.case-tags span,.brand-cloud span,.skill-cloud span{padding:9px 12px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.07);font-size:13px;font-weight:850;color:#dfeafa}.ticker{overflow:hidden;border-block:1px solid var(--line);padding:18px 0;mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}.ticker-track{width:max-content;display:flex;gap:14px;animation:ticker 28s linear infinite}.ticker-track span{font-size:26px;font-weight:1000;letter-spacing:-.04em;color:rgba(255,255,255,.72);padding:0 18px}.brand-section{margin-top:46px;padding:28px;border:1px solid var(--line);border-radius:34px;background:rgba(255,255,255,.045)}.brand-cloud,.skill-cloud{display:flex;flex-wrap:wrap;gap:10px}.playbook-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.play-card{min-height:292px;padding:26px;border:1px solid var(--line);border-radius:30px;background:rgba(255,255,255,.055);transition:.3s ease}.play-card:hover{transform:translateY(-7px);border-color:rgba(92,246,179,.38)}.play-card span{display:grid;place-items:center;width:50px;height:50px;border-radius:16px;background:linear-gradient(135deg,rgba(255,196,92,.22),rgba(92,246,179,.18));color:var(--gold);font-weight:1000;margin-bottom:24px}.play-card h3{font-size:24px;margin-bottom:12px}.play-card p{color:#c6d4e7;line-height:1.68;margin:0}.resume-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:22px}.resume-block{padding:28px;border:1px solid var(--line);border-radius:34px;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.04))}.resume-row{display:grid;grid-template-columns:150px 1fr;gap:18px;padding:18px 0;border-bottom:1px solid var(--line)}.resume-row:last-child{border-bottom:0}.resume-row span,.education-card span{color:var(--gold);font-weight:900;font-size:13px}.resume-row strong{line-height:1.4}.education-card{padding:18px 0;border-bottom:1px solid var(--line)}.education-card strong{display:block;font-size:20px;margin:8px 0 4px}.education-card p{color:#c7d5e8;margin:0}.skill-cloud{margin-top:20px}.contact-card{display:grid;grid-template-columns:1fr .86fr;gap:34px;align-items:center;padding:38px;border:1px solid rgba(255,196,92,.32);border-radius:38px;background:linear-gradient(135deg,rgba(255,196,92,.13),rgba(40,217,255,.09),rgba(255,255,255,.04));box-shadow:var(--shadow)}.contact-card p{color:#c8d6e8;line-height:1.7}.contact-actions{display:grid;gap:12px}.contact-link{display:block;padding:15px 16px;border:1px solid var(--line);border-radius:18px;background:rgba(6,17,31,.5);font-weight:850;overflow:hidden;text-overflow:ellipsis}.footer{position:relative;z-index:1;width:min(calc(100% - 40px),var(--max));margin:0 auto;padding:34px 0 52px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;color:var(--muted)}.footer p{margin:0}.footer a{color:var(--gold);font-weight:950}.reveal{opacity:0;transform:translateY(28px);transition:opacity .74s ease, transform .74s ease}.reveal.visible{opacity:1;transform:translateY(0)}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes blob{50%{transform:translate(-25px,-18px) scale(1.08)}}@keyframes ticker{to{transform:translateX(-50%)}}
@media (max-width:980px){.site-header{border-radius:24px;align-items:flex-start}.nav-toggle{display:block}.nav{position:absolute;top:74px;left:12px;right:12px;display:none;flex-direction:column;align-items:stretch;padding:10px;border:1px solid var(--line);border-radius:22px;background:rgba(6,17,31,.96);backdrop-filter:blur(18px)}.nav.open{display:flex}.nav a{padding:14px}.hero-grid,.story-layout,.resume-grid,.contact-card{grid-template-columns:1fr}.story-sticky{position:relative;top:auto}.portrait-wrap{max-width:540px;margin:0 auto}.snapshot-card{left:20px;right:20px;bottom:-22px;max-width:none}.metric-grid,.case-grid{grid-template-columns:repeat(2,1fr)}.playbook-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:660px){.section{width:min(calc(100% - 28px),var(--max));padding:66px 0}.hero{padding-top:58px}.site-header{width:min(calc(100% - 20px),var(--max));top:10px;margin-top:10px}.logo-text{display:none}h1{font-size:43px}.lead{font-size:17px}.hero-actions .btn{width:100%}.portrait-frame{min-height:auto;border-radius:32px}.portrait-frame img{height:auto;aspect-ratio:1/1.08;border-radius:24px}.floating-tag{font-size:12px}.tag-bottom{left:24px;right:24px;text-align:center}.orbit{display:none}.proof-strip span{width:100%;justify-content:center}.chapter{grid-template-columns:1fr;gap:14px;padding:22px}.metric-grid,.case-grid,.playbook-grid{grid-template-columns:1fr}.metric{min-height:145px}.case-card{min-height:300px}.resume-row{grid-template-columns:1fr;gap:8px}.ticker-track span{font-size:22px}.contact-card{padding:26px;border-radius:28px}.footer{width:min(calc(100% - 28px),var(--max));flex-direction:column;align-items:flex-start}.cursor-glow{display:none}}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}