.intro-root{--bg:#05060f;--bg-deep:#02030a;--surface:#bad7f70a;--surface-2:#bad7f70f;--surface-strong:#bad7f714;--text-loud:#c7d3ea;--text:#c8d4eac7;--muted:#c7d3eaa3;--dim:#c7d3ea66;--line:#bad7f71f;--line-strong:#bad7f73d;--primary:#6a38ff;--primary-soft:#6a38ff29;--gradient-loud:linear-gradient(0deg, #d8ecf8 0%, #98c0ef 100%);--gradient-subdued:linear-gradient(0deg, #d8ecf81f 0%, #98c0ef1f 100%);--glow-blue:0 0 80px #bacff766, 0 0 24px #bacff733;--glow-purple:0 0 80px #ed98ef2e;--shadow-card:0 0 0 1px #bad7f714, 0 1px 2px #0006, 0 12px 32px #00000052;--shadow-elevated:0 0 0 1px #bad7f71a, 0 1px 2px #0006, 0 24px 60px #00000080, 0 0 80px #bacff70f;--radius-xs:6px;--radius-sm:10px;--radius-md:14px;--radius-lg:20px;--radius-xl:24px;--radius-2xl:28px;--max:1160px;font-family:var(--font-inter), system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;color:var(--text);background:var(--bg);scroll-behavior:smooth;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background-image:radial-gradient(70% 50% at 50% -10%,#6a38ff2e,#0000 60%),radial-gradient(60% 40% at 80% 0,#bacff714,#0000 55%),radial-gradient(50% 40% at 20% 0,#ed98ef0f,#0000 55%);background-attachment:fixed;min-height:100vh;margin:0}.intro-root *{box-sizing:border-box}.intro-root a{color:inherit;text-decoration:none}.intro-root img{max-width:100%;display:block}.intro-root .container{width:min(calc(100% - 40px), var(--max));margin:0 auto}.intro-root .nav-wrap{z-index:50;-webkit-backdrop-filter:blur(20px)saturate(140%);border-bottom:1px solid var(--line);background:#05060fb8;position:sticky;top:0}.intro-root nav{justify-content:space-between;align-items:center;gap:18px;padding:14px 0;display:flex}.intro-root .brand{letter-spacing:-.02em;color:var(--text-loud);align-items:center;gap:12px;font-size:14px;font-weight:600;display:flex}.intro-root .brand-badge{background:var(--gradient-loud);color:#05060f;letter-spacing:0;border-radius:8px;place-items:center;width:32px;height:32px;font-size:11px;font-weight:700;display:grid;box-shadow:0 0 0 1px #bad7f72e,0 0 24px #bacff752}.intro-root .nav-links{color:var(--muted);flex-wrap:wrap;align-items:center;gap:22px;font-size:13px;font-weight:500;display:flex}.intro-root .nav-links a:hover{color:var(--text-loud)}.intro-root .nav-cta{border-radius:var(--radius-xs);background:var(--primary);color:#fff;padding:8px 14px;font-size:13px;font-weight:500;transition:background-color .15s;box-shadow:0 0 0 1px #ffffff14,0 8px 20px #6a38ff52}.intro-root .nav-cta:hover{background:color-mix(in srgb, var(--primary), #fff 8%)}.intro-root .hero{padding:96px 0 56px;position:relative}.intro-root .hero-grid{flex-direction:column;align-items:center;gap:40px;display:flex}.intro-root .glass-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-2xl);-webkit-backdrop-filter:blur(8px)}.intro-root .hero-card{text-align:center;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:none;width:100%;max-width:760px;padding:0;position:relative;overflow:visible}.intro-root .hero-card:after{content:none}.intro-root .eyebrow{background:var(--surface-2);border:1px solid var(--line);color:var(--text-loud);letter-spacing:.01em;border-radius:999px;align-items:center;gap:8px;margin-bottom:24px;padding:6px 12px;font-size:12px;font-weight:500;display:inline-flex}.intro-root h1{letter-spacing:-.045em;color:var(--text-loud);text-wrap:balance;margin:0;font-size:clamp(2.4rem,5vw,4rem);font-weight:500;line-height:1.05}.intro-root .hero h1 span{background:var(--gradient-loud);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}.intro-root .lead{color:var(--muted);word-break:keep-all;text-wrap:balance;max-width:620px;margin:24px auto 0;font-size:17px;line-height:1.65}.intro-root .hero-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:32px;display:flex}.intro-root .btn{border-radius:var(--radius-xs);letter-spacing:-.005em;cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;height:40px;padding:0 18px;font-size:14px;font-weight:500;transition:background-color .15s,box-shadow .15s,border-color .15s;display:inline-flex}.intro-root .btn-primary{background:var(--primary);color:#fff;box-shadow:0 0 0 1px #ffffff14,0 8px 20px #6a38ff52}.intro-root .btn-primary:hover{background:color-mix(in srgb, var(--primary), #fff 8%)}.intro-root .btn-secondary{background:var(--surface);color:var(--text-loud);border-color:var(--line)}.intro-root .btn-secondary:hover{background:var(--surface-strong);border-color:var(--line-strong)}.intro-root .facts{grid-template-columns:repeat(3,1fr);gap:12px;width:100%;max-width:760px;margin-top:8px;display:grid}.intro-root .fact{border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--line);text-align:left;padding:18px 20px}.intro-root .fact strong{letter-spacing:-.015em;color:var(--text-loud);margin-bottom:6px;font-size:15px;font-weight:600;display:block}.intro-root .fact span{color:var(--muted);font-size:13px;line-height:1.55}.intro-root .profile-card{border:1px solid var(--line);border-radius:var(--radius-xl);width:100%;max-width:440px;box-shadow:var(--shadow-elevated);-webkit-backdrop-filter:blur(12px);background:linear-gradient(#bad7f70f 0%,#bad7f705 100%);flex-direction:column;gap:20px;padding:28px;display:flex;position:relative}.intro-root .profile-card:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(#bad7f733,#bad7f700);padding:1px;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.intro-root .avatar{border-radius:var(--radius-md);color:#05060f;background:var(--gradient-loud);letter-spacing:-.02em;place-items:center;width:72px;height:72px;font-size:28px;font-weight:600;display:grid;box-shadow:0 0 0 1px #bad7f73d,0 0 32px #bacff752}.intro-root .profile-card h2{letter-spacing:-.025em;color:var(--text-loud);margin:0;font-size:22px;font-weight:600}.intro-root .meta-list{gap:8px;display:grid}.intro-root .meta-item{border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--line);padding:12px 14px}.intro-root .meta-label{letter-spacing:.12em;text-transform:uppercase;color:var(--dim);margin-bottom:4px;font-size:10px;font-weight:600;display:block}.intro-root .meta-item a,.intro-root .meta-item span{color:var(--text-loud);word-break:break-all;font-size:13px;font-weight:500}.intro-root .meta-item a:hover{color:#fff}.intro-root main section{padding:64px 0 0}.intro-root .section-head{margin-bottom:24px}.intro-root .section-label{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;margin-bottom:12px;font-size:11px;font-weight:600;display:inline-block}.intro-root h3{letter-spacing:-.035em;color:var(--text-loud);text-wrap:balance;margin:0;font-size:clamp(1.7rem,2.6vw,2.4rem);font-weight:500;line-height:1.1}.intro-root .section-desc{color:var(--muted);word-break:keep-all;max-width:720px;margin:14px 0 0;font-size:16px;line-height:1.65}.intro-root .grid-3,.intro-root .grid-2{gap:16px;display:grid}.intro-root .grid-3{grid-template-columns:repeat(3,1fr)}.intro-root .grid-2{grid-template-columns:repeat(2,1fr)}.intro-root .panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:28px;transition:border-color .2s,background-color .2s}.intro-root .panel:hover{border-color:var(--line-strong)}.intro-root .panel h4{letter-spacing:-.02em;color:var(--text-loud);margin:0 0 12px;font-size:18px;font-weight:600}.intro-root .panel p,.intro-root .panel li{color:var(--muted);word-break:keep-all;font-size:14px;line-height:1.65}.intro-root .panel ul,.intro-root .panel ol{margin:0;padding-left:18px}.intro-root .panel li+li{margin-top:8px}.intro-root .tag-row{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.intro-root .tag{background:var(--surface-2);border:1px solid var(--line);color:var(--text-loud);letter-spacing:.005em;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:500;display:inline-flex}.intro-root .quote-card{border:1px solid var(--line-strong);color:var(--text-loud);border-radius:var(--radius-xl);box-shadow:var(--shadow-card), 0 0 80px #6a38ff1f;background:linear-gradient(#6a38ff1f 0%,#05060f66 100%);padding:32px;position:relative;overflow:hidden}.intro-root .quote-card:before{content:"";pointer-events:none;background:radial-gradient(circle,#bacff71f,#0000 65%);width:320px;height:320px;position:absolute;inset:-50% -20% auto auto}.intro-root .quote-card p{letter-spacing:-.025em;margin:0;font-size:clamp(1.2rem,2vw,1.6rem);font-weight:500;line-height:1.4;position:relative}.intro-root .timeline{gap:0;margin-top:20px;display:grid;position:relative}.intro-root .timeline-item{border-top:1px solid var(--line);grid-template-columns:130px 1fr;gap:14px;padding:16px 0;display:grid}.intro-root .timeline-item:first-child{border-top:none}.intro-root .timeline-year{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:13px;font-weight:600}.intro-root .timeline-text{color:var(--text);font-size:14px;line-height:1.6}.intro-root .project-box{border:1px solid var(--line-strong);box-shadow:var(--shadow-card), 0 0 100px #bacff70f;background:linear-gradient(#bad7f70f 0%,#bad7f705 100%);position:relative;overflow:hidden}.intro-root .project-box:before{content:"";pointer-events:none;background:radial-gradient(circle,#6a38ff3d,#0000 65%);width:280px;height:280px;position:absolute;inset:auto -60px -90px auto}.intro-root .project-title{letter-spacing:-.03em;color:var(--text-loud);margin-bottom:14px;font-size:clamp(1.4rem,2.4vw,1.9rem);font-weight:600;line-height:1.2}.intro-root .channel-list{gap:8px;margin-top:14px;display:grid}.intro-root .channel{border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--surface);justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;transition:border-color .15s,background-color .15s;display:flex}.intro-root .channel:hover{border-color:var(--line-strong);background:var(--surface-2)}.intro-root .channel small{color:var(--dim);text-transform:uppercase;letter-spacing:.12em;margin-bottom:4px;font-size:10px;font-weight:600;display:block}.intro-root .channel strong{color:var(--text-loud);word-break:break-all;font-size:13px;font-weight:500}.intro-root .channel a{color:var(--text-loud);white-space:nowrap;border-radius:var(--radius-xs);border:1px solid var(--line);background:var(--surface);padding:6px 12px;font-size:13px;font-weight:500;transition:background-color .15s,border-color .15s}.intro-root .channel a:hover{background:var(--surface-strong);border-color:var(--line-strong);color:#fff}.intro-root .footer{padding:80px 0 64px}.intro-root .footer-card{border:1px solid var(--line-strong);color:var(--text-loud);border-radius:var(--radius-xl);box-shadow:var(--shadow-card), 0 0 100px #6a38ff29;background:linear-gradient(#6a38ff29 0%,#05060f66 100%);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;padding:36px;display:flex;position:relative;overflow:hidden}.intro-root .footer-card:before{content:"";pointer-events:none;background:radial-gradient(circle,#bacff724,#0000 65%);width:360px;height:360px;position:absolute;inset:-30% -10% auto auto}.intro-root .footer-card>div{position:relative}.intro-root .footer-card p{color:var(--text);margin:0;font-size:14px;line-height:1.6}@media (max-width:1080px){.intro-root .grid-3,.intro-root .grid-2,.intro-root .facts{grid-template-columns:1fr}}@media (max-width:780px){.intro-root .container{width:min(calc(100% - 28px), var(--max))}.intro-root nav{flex-direction:column;align-items:flex-start;gap:10px}.intro-root .nav-links{gap:14px;font-size:12px}.intro-root .hero{padding:64px 0 32px}.intro-root .profile-card,.intro-root .panel,.intro-root .quote-card,.intro-root .footer-card{padding:22px}.intro-root .timeline-item{grid-template-columns:1fr;gap:4px}.intro-root .channel{flex-direction:column;align-items:flex-start}.intro-root main section{padding-top:48px}}