:root{--bg:#0a0a0f;--surface:#111118;--surface2:#18181f;--border:#ffffff12;--border2:#ffffff1f;--text:#e8e8f0;--muted:#7a7a8c;--faint:#3a3a4a;--font-head:"Syne", sans-serif;--font-body:"DM Sans", sans-serif;--font-mono:"DM Mono", monospace;--c0:#8b7ff5;--c1:#2bc890;--c2:#4fa3e8;--c3:#f07a4a;--c4:#e8b44a;--c5:#e86a9a}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:15px;line-height:1.65;overflow-x:hidden}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--faint);border-radius:2px}body:before{content:"";z-index:0;pointer-events:none;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E");position:fixed;inset:0}.site{z-index:1;position:relative}.back-btn{color:var(--muted);font-family:var(--font-mono);margin:20px 48px 0;font-size:13px;text-decoration:none;transition:color .2s;display:inline-block}.back-btn:hover{color:var(--text)}header{border-bottom:1px solid var(--border);z-index:100;backdrop-filter:blur(16px);background:#0a0a0fe0;justify-content:space-between;align-items:center;height:64px;padding:0 48px;display:flex;position:sticky;top:0}.logo{font-family:var(--font-head);letter-spacing:-.02em;color:var(--text);align-items:center;gap:8px;font-size:16px;font-weight:800;display:flex}.logo-dot{background:var(--c0);width:8px;height:8px;box-shadow:0 0 10px var(--c0);border-radius:50%;animation:2.5s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.8)}}.header-meta{font-family:var(--font-mono);color:var(--muted);letter-spacing:.06em;font-size:11px}nav{gap:6px;display:flex}.nav-pill{font-family:var(--font-mono);letter-spacing:.04em;border:1px solid var(--border);color:var(--muted);cursor:pointer;background:0 0;border-radius:20px;padding:4px 10px;font-size:10px;text-decoration:none;transition:all .2s}.nav-pill:hover{border-color:var(--border2);color:var(--text)}.nav-pill.active{border-color:currentColor}.hero{border-bottom:1px solid var(--border);grid-template-columns:1fr 1fr;align-items:center;gap:64px;padding:96px 48px 80px;display:grid;position:relative;overflow:hidden}.hero-glow{pointer-events:none;filter:blur(60px);background:radial-gradient(circle,#8b7ff540 0%,#0000 60%);border-radius:50%;width:800px;height:800px;position:absolute;top:-300px;right:-200px}.hero-label{font-family:var(--font-mono);letter-spacing:.1em;color:var(--c0);text-transform:uppercase;align-items:center;gap:8px;margin-bottom:20px;font-size:11px;display:flex}.hero-label:before{content:"";background:var(--c0);width:24px;height:1px;display:block}h1{font-family:var(--font-head);letter-spacing:-.03em;color:var(--text);margin-bottom:24px;font-size:clamp(40px,5vw,64px);font-weight:800;line-height:1.05}h1 span{color:var(--c0)}.hero-desc{color:var(--muted);max-width:420px;margin-bottom:36px;font-size:16px;line-height:1.7}.hero-cta{background:linear-gradient(135deg, var(--c0) 0%, #a89df8 100%);color:#0a0a0f;font-family:var(--font-head);cursor:pointer;letter-spacing:-.01em;border:none;border-radius:99px;align-items:center;gap:10px;padding:14px 28px;font-size:15px;font-weight:800;text-decoration:none;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:inline-flex;box-shadow:0 4px 15px #8b7ff566}.hero-cta:hover{transform:translateY(-3px)scale(1.02);box-shadow:0 8px 25px #8b7ff599}.hero-cta svg{width:16px;height:16px}.hero-stats{flex-direction:column;gap:20px;display:flex}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;align-items:center;gap:16px;padding:20px 24px;transition:border-color .2s;display:flex}.stat-card:hover{border-color:var(--border2)}.stat-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex}.stat-info{flex:1}.stat-num{font-family:var(--font-head);letter-spacing:-.02em;font-size:24px;font-weight:800;line-height:1}.stat-label{color:var(--muted);margin-top:2px;font-size:12px}.stat-bar{background:var(--surface2);border-radius:2px;height:3px;margin-top:10px;overflow:hidden}.stat-fill{border-radius:2px;height:100%}.timeline-section{border-bottom:1px solid var(--border);padding:80px 48px}.section-label{font-family:var(--font-mono);letter-spacing:.1em;color:var(--muted);text-transform:uppercase;align-items:center;gap:12px;margin-bottom:40px;font-size:11px;display:flex}.section-label:after{content:"";background:var(--border);flex:1;height:1px}.timeline{position:relative}.tl-line{background:var(--border);width:1px;position:absolute;top:0;bottom:0;left:16px}.tl-item{cursor:pointer;gap:32px;padding:0 0 48px 48px;display:flex;position:relative}.tl-item:last-child{padding-bottom:0}.tl-dot{border:2px solid var(--bg);border-radius:50%;flex-shrink:0;width:15px;height:15px;transition:transform .2s,box-shadow .2s;position:absolute;top:4px;left:9px}.tl-item:hover .tl-dot{transform:scale(1.3)}.tl-content{flex:1}.tl-header{align-items:baseline;gap:12px;margin-bottom:6px;display:flex}.tl-title{font-family:var(--font-head);letter-spacing:-.02em;font-size:18px;font-weight:700}.tl-duration{font-family:var(--font-mono);color:var(--muted);letter-spacing:.04em;font-size:11px}.tl-desc{color:var(--muted);margin-bottom:12px;font-size:13px;line-height:1.6}.tl-tags{flex-wrap:wrap;gap:6px;display:flex}.tl-tag{font-family:var(--font-mono);letter-spacing:.02em;border:1px solid;border-radius:4px;padding:3px 9px;font-size:11px}.roadmap-section{padding:80px 48px}.roadmap-header{justify-content:space-between;align-items:flex-start;gap:32px;margin-bottom:48px;display:flex}.roadmap-title{font-family:var(--font-head);letter-spacing:-.03em;max-width:400px;font-size:32px;font-weight:800}.roadmap-title em{color:var(--muted);font-style:normal;font-weight:400}.phase-tabs{flex-direction:column;gap:4px;min-width:220px;display:flex}.phase-tab{cursor:pointer;text-align:left;font-family:var(--font-body);background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:10px;padding:8px 14px;transition:all .18s;display:flex}.phase-tab:hover{background:var(--surface);border-color:var(--border)}.phase-tab.active{background:var(--surface);border-color:var(--border2)}.pt-emoji{text-align:center;width:24px;font-size:16px}.pt-info{flex:1}.pt-name{color:var(--text);font-size:13px;font-weight:500}.pt-dur{color:var(--muted);font-size:11px;font-family:var(--font-mono)}.pt-arrow{color:var(--muted);font-size:12px;transition:transform .2s}.phase-tab.active .pt-arrow{color:var(--text);transform:translate(2px)}.cards-area{flex:1}.cards-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.phase-intro{background:var(--surface);border-left:3px solid;border-radius:10px;margin-bottom:24px;padding:16px 20px}.pi-title{font-family:var(--font-head);letter-spacing:-.02em;margin-bottom:4px;font-size:22px;font-weight:700}.pi-desc{color:var(--muted);font-size:13px;line-height:1.6}.roadmap-body{align-items:flex-start;gap:32px;display:flex}.skill-card{backdrop-filter:blur(12px);cursor:pointer;background:#111118b3;border:1px solid #ffffff14;border-radius:16px;padding:24px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden;box-shadow:0 4px 20px #0003}.skill-card:before{content:"";pointer-events:none;background:linear-gradient(135deg,#0000 60%,#ffffff08);position:absolute;inset:0}.skill-card:hover{border-color:#ffffff26;transform:translateY(-4px);box-shadow:0 12px 30px #0000004d}.skill-card.expanded{border-color:var(--active-color,var(--border2));box-shadow:0 10px 40px #0006,inset 0 0 20px #ffffff05}.sc-header{align-items:center;gap:10px;margin-bottom:12px;display:flex}.sc-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.sc-title{font-family:var(--font-head);letter-spacing:-.01em;font-size:15px;font-weight:700}.sc-tags{flex-wrap:wrap;gap:5px;display:flex}.sc-tag{font-family:var(--font-mono);letter-spacing:.02em;border:1px solid;border-radius:4px;padding:2px 7px;font-size:10px}.sc-expand{opacity:0;max-height:0;transition:max-height .35s cubic-bezier(.4,0,.2,1),opacity .3s;overflow:hidden}.skill-card.expanded .sc-expand{opacity:1;max-height:400px}.sc-divider{background:var(--border);height:1px;margin:14px 0}.sc-section{margin-bottom:14px}.sc-section:last-child{margin-bottom:0}.sc-section-label{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:8px;font-size:10px}.sc-list{flex-direction:column;gap:5px;list-style:none;display:flex}.sc-list li{color:var(--text);align-items:baseline;gap:7px;font-size:12px;line-height:1.5;display:flex}.sc-list li:before{content:"▸";color:var(--muted);flex-shrink:0;font-size:9px}footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding:40px 48px;display:flex}.footer-left{font-family:var(--font-head);color:var(--muted);font-size:14px;font-weight:700}.footer-right{font-family:var(--font-mono);color:var(--faint);font-size:11px}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:.5s both fadeUp}.fade-up-1{animation-delay:50ms}.fade-up-2{animation-delay:.1s}.fade-up-3{animation-delay:.15s}.fade-up-4{animation-delay:.2s}@media (width<=900px){.back-btn{margin:20px 24px 0}header{padding:0 24px}nav{display:none}.hero{grid-template-columns:1fr;gap:40px;padding:60px 24px}.hero-glow{display:none}.timeline-section,.roadmap-section{padding:60px 24px}.roadmap-body{flex-direction:column}.phase-tabs{min-width:unset;flex-flow:wrap;overflow-x:auto}.phase-tab{flex-shrink:0}.cards-grid{grid-template-columns:1fr}footer{text-align:center;flex-direction:column;gap:12px;padding:30px 24px}}