:root{
  --bg:#030a12;--panel:#081725;--panel-2:#0b2032;--text:#eff8ff;--muted:#9db2c2;
  --cyan:#31c5f4;--purple:#aa82ff;--green:#42dc94;--gold:#ffc65c;--line:#a7d8eb24;
  --shadow:0 24px 65px #0008;
}
*{box-sizing:border-box}
html{min-height:100%;background:var(--bg)}
body{margin:0;min-height:100vh;display:flex;flex-direction:column;color:var(--text);font-family:Inter,Segoe UI,system-ui,sans-serif;background:radial-gradient(circle at 15% -10%,#164a74 0,transparent 34%),radial-gradient(circle at 85% 12%,#392667 0,transparent 28%),linear-gradient(150deg,#071421,#02060b 72%);overflow-x:hidden}
body::before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(#ffffff04 1px,transparent 1px),linear-gradient(90deg,#ffffff04 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(to bottom,#000 0,transparent 78%)}
a{color:inherit}
.site-header,.page-shell,footer{position:relative;z-index:1;width:min(1240px,calc(100% - 40px));margin-inline:auto}
.site-header{min-height:72px;padding:15px 0;display:flex;align-items:center;justify-content:space-between;gap:18px}
.sticky-header{position:sticky;top:0;z-index:20;width:100%;padding-inline:max(20px,calc((100% - 1240px)/2));background:#04101bcc;backdrop-filter:blur(16px);border-bottom:1px solid #ffffff0b}
.brand{display:flex;align-items:center;gap:11px;text-decoration:none}.brand-mark,.back-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;border:1px solid #53d8fb66;background:linear-gradient(145deg,#22addc2e,#aa82ff27);font-size:.76rem;font-weight:950;letter-spacing:.06em;box-shadow:0 12px 35px #0006}.back-mark{font-size:1.1rem;letter-spacing:0}.brand b{display:block;font-size:.94rem}.brand small{display:block;color:#6fdcff;font-size:.57rem;letter-spacing:.17em;margin-top:2px}
.header-actions{display:flex;align-items:center;gap:9px}.round-btn{width:42px;height:38px;border:1px solid #a5cfe12e;border-radius:11px;background:#ffffff08;color:#eaf8ff;font-weight:850;cursor:pointer;display:grid;place-items:center}.round-btn:hover{border-color:#42cff566;background:#31c5f417}.round-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.language-btn{font-size:.76rem}
.page-shell{flex:1;padding:14px 0 24px}.hero{max-width:920px}.compact-hero{max-width:850px}.eyebrow{display:block;color:#70dcfc;font-size:.66rem;font-weight:900;letter-spacing:.2em;margin-bottom:9px}.hero h1,.one-sheet-hero h1{margin:0;letter-spacing:-.045em;line-height:1}.hero h1{font-size:clamp(2.2rem,4.3vw,4rem)}.hero p{max-width:810px;margin:13px 0 0;color:var(--muted);font-size:clamp(.9rem,1.1vw,1.04rem);line-height:1.48}

/* Project catalog */
.project-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;margin-top:22px}.project-card{min-height:282px;display:grid;grid-template-columns:170px minmax(0,1fr);overflow:hidden;border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,#0b2032e8,#06111de8);text-decoration:none;box-shadow:var(--shadow);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.project-card:hover{transform:translateY(-5px);border-color:#75ddfa70;box-shadow:0 32px 78px #000a}.project-art{position:relative;min-height:282px;border-right:1px solid #ffffff0d;background:radial-gradient(circle at 48% 48%,#28c5f02a,transparent 31%),radial-gradient(circle at 52% 52%,#9a6df62a,transparent 54%)}.project-core{position:absolute;left:50%;top:50%;width:78px;height:78px;display:grid;place-items:center;transform:translate(-50%,-50%);border-radius:24px;border:1px solid #78e6ff8c;background:linear-gradient(145deg,#0e3048,#101a38);font-size:.95rem;font-weight:950;letter-spacing:.06em;box-shadow:0 0 36px #31c5f42d}.orbit{position:absolute;left:50%;top:50%;border:1px dashed #79dfff55;border-radius:50%;transform:translate(-50%,-50%)}.orbit-one{width:132px;height:132px}.orbit-two{width:188px;height:188px;border-color:#b38cff45}.project-dot{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--cyan);box-shadow:0 0 18px currentColor}.d1{left:20%;top:34%;color:var(--cyan)}.d2{right:18%;top:30%;background:var(--purple);color:var(--purple)}.d3{left:28%;bottom:22%;background:var(--green);color:var(--green)}.d4{right:24%;bottom:24%;background:var(--gold);color:var(--gold)}
.project-card[data-accent="ydi"] .project-art{background:radial-gradient(circle at 48% 48%,#20a8ff2d,transparent 31%),radial-gradient(circle at 52% 58%,#55df9c24,transparent 55%)}.project-card[data-accent="ydi"] .project-core{border-color:#52d2ff94;background:linear-gradient(145deg,#0d3f68,#06243c);box-shadow:0 0 38px #28aee33a}.project-card[data-accent="ydi"] .d2{background:#28aee3;color:#28aee3}.project-card[data-accent="ydi"] .d4{background:#74e29e;color:#74e29e}
.project-copy{padding:25px 25px 22px;display:flex;min-width:0;flex-direction:column;justify-content:center}.card-kicker{color:#74dcfb;font-size:.61rem;font-weight:900;letter-spacing:.16em;line-height:1.3}.project-copy h2,.card-copy h2{margin:7px 0 8px}.project-copy h2{font-size:clamp(1.32rem,2vw,1.8rem);line-height:1.08}.project-copy p,.card-copy p{margin:0;color:var(--muted);line-height:1.5}.project-copy p{font-size:.8rem}.tag-row,.info-tags,.tech-stack{display:flex;flex-wrap:wrap;gap:7px}.tag-row{margin-top:15px}.tag-row span,.info-tags span,.tech-stack span{border:1px solid #8fdff52c;background:#ffffff07;border-radius:999px;padding:5px 9px;color:#b9d3df;font-size:.62rem;font-weight:700}.card-action{display:flex;align-items:center;justify-content:space-between;margin-top:17px;padding-top:13px;border-top:1px solid #ffffff10;color:#dff8ff;font-weight:760;font-size:.76rem}.card-action b{font-size:1.14rem;transition:transform .2s ease}.project-card:hover .card-action b,.journey-card:hover .card-action b{transform:translateX(5px)}

/* Project hub */
.project-hero{max-width:940px}.project-hub{padding-top:8px}.journey-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin-top:22px}.journey-grid[data-count="2"]{grid-template-columns:repeat(2,minmax(0,1fr));max-width:850px}.journey-card{min-height:315px;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--line);border-radius:21px;background:linear-gradient(145deg,#0b2032dd,#06111ddd);text-decoration:none;box-shadow:0 22px 58px #0007;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.journey-card:hover{transform:translateY(-5px);border-color:#75ddfa70;box-shadow:0 30px 72px #0009}.card-visual{position:relative;height:132px;flex:none;border-bottom:1px solid #ffffff0c;background:radial-gradient(circle at 50% 20%,#2e8fbf24,transparent 58%)}.card-copy{padding:18px 20px 20px;display:flex;flex:1;flex-direction:column}.card-copy h2{font-size:1.25rem}.card-copy p{font-size:.79rem}.card-copy .card-action{margin-top:auto}
.info-visual{display:grid;place-items:center;background:radial-gradient(circle at 50% 40%,#ffc65c1f,transparent 45%),radial-gradient(circle at 70% 20%,#aa82ff1d,transparent 38%)}.info-sheet{position:relative;width:112px;height:88px;border:1px solid #ffe2a065;border-radius:13px;background:linear-gradient(145deg,#172a38,#0a1622);box-shadow:0 0 28px #ffc65c16;padding:17px}.info-sheet strong{position:absolute;right:13px;top:11px;color:#ffd373;font-size:.7rem}.info-sheet i{display:block;height:6px;margin:8px 0;border-radius:99px;background:#d9efff26}.info-sheet i:nth-child(1){width:65%}.info-sheet i:nth-child(2){width:82%}.info-sheet i:nth-child(3){width:52%}
.architecture-visual .node{position:absolute;width:68px;height:40px;border:1px solid #63dafb80;border-radius:10px;background:#102c43;box-shadow:0 0 25px #31c5f41b}.architecture-visual .n1{left:8%;top:50px}.architecture-visual .n2{left:33%;top:22px}.architecture-visual .n3{left:58%;top:69px}.architecture-visual .n4{right:7%;top:32px}.architecture-visual .line{position:absolute;height:2px;transform-origin:left center;background:linear-gradient(90deg,#3cd4fc,#af83ff);box-shadow:0 0 12px #31c5f45c}.architecture-visual .l1{left:21%;top:61px;width:94px;transform:rotate(-21deg)}.architecture-visual .l2{left:46%;top:45px;width:90px;transform:rotate(29deg)}.architecture-visual .l3{left:70%;top:79px;width:89px;transform:rotate(-31deg)}
.memory-visual{display:flex;align-items:center;justify-content:center;gap:45px;background:radial-gradient(circle at 30% 40%,#29d79020,transparent 40%),radial-gradient(circle at 75% 35%,#ab82ff20,transparent 42%)}.mini-tank{position:relative;width:56px;height:96px;border:2px solid #bdefff80;border-radius:16px 16px 21px 21px;overflow:hidden;background:#020b13;box-shadow:0 0 32px #31c5f421}.mini-tank i{position:absolute;left:0;right:0;bottom:0;height:72%;background:linear-gradient(to top,#42dc94,#ffc65c 68%,#ff6c78);animation:pulseFill 4s ease-in-out infinite alternate}.mini-tank::after{content:"TOKENS";position:absolute;inset:0;display:grid;place-items:center;color:#eaffff;font-size:.48rem;font-weight:900;letter-spacing:.12em}.memory-stack{display:grid;gap:8px}.memory-stack span{display:block;width:82px;height:19px;border:1px solid #bd9cff77;border-radius:7px;background:linear-gradient(90deg,#7d56d632,#c67cf433)}.memory-stack span:nth-child(2){transform:translateX(-8px)}.memory-stack span:nth-child(3){transform:translateX(6px)}.compact-arrow{position:absolute;left:48.5%;top:50px;color:#ffd16e;font-size:1.7rem;animation:compactPulse 1.6s ease-in-out infinite}
@keyframes pulseFill{from{height:35%}to{height:88%}}@keyframes compactPulse{50%{transform:translateY(8px);opacity:.55}}

/* One-sheet */
.one-sheet-shell{padding-top:18px;max-width:1240px}.one-sheet-hero{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:28px;align-items:end}.one-sheet-intro{min-width:0}.one-sheet-tagline{display:inline-block;margin-bottom:8px;color:#ffd271;font-size:.75rem;font-weight:900;letter-spacing:.04em}.one-sheet-hero h1{max-width:980px;font-size:clamp(2rem,3.8vw,3.6rem)}.one-sheet-hero p{max-width:970px;margin:12px 0 0;color:var(--muted);font-size:.9rem;line-height:1.5}.info-tags{margin-top:14px}.landing-link{min-height:68px;padding:16px 18px;display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid #61d7fa4a;border-radius:16px;background:linear-gradient(145deg,#0f2a3d,#101b31);text-decoration:none;font-size:.82rem;font-weight:800;box-shadow:0 16px 40px #0005}.landing-link:hover{border-color:#78e8ff9a;background:linear-gradient(145deg,#12364e,#182343)}.landing-link b{font-size:1.25rem;color:#72ddfb}
.one-sheet-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-top:20px}.one-sheet-pillar,.summary-panel,.one-sheet-note{border:1px solid var(--line);background:linear-gradient(145deg,#0b2032d8,#07131fd8);border-radius:17px}.one-sheet-pillar{padding:18px 19px}.panel-index{color:#65daf8;font-size:.59rem;font-weight:900;letter-spacing:.15em}.one-sheet-pillar h2{margin:8px 0 6px;font-size:1.04rem}.one-sheet-pillar p{margin:0;color:var(--muted);font-size:.74rem;line-height:1.48}
.one-sheet-bottom{display:grid;grid-template-columns:1.12fr .88fr;gap:13px;margin-top:13px}.summary-panel{padding:17px 19px}.panel-label{display:block;color:#70dcfc;font-size:.58rem;font-weight:900;letter-spacing:.17em;margin-bottom:10px}.summary-panel ul{display:grid;grid-template-columns:1fr 1fr;gap:8px 24px;margin:0;padding:0;list-style:none}.summary-panel li{position:relative;padding-left:14px;color:#c2d4df;font-size:.7rem;line-height:1.4}.summary-panel li::before{content:"";position:absolute;left:0;top:.48em;width:6px;height:6px;border-radius:50%;background:#42dc94;box-shadow:0 0 12px #42dc9470}.technology-panel .tech-stack{gap:7px}.technology-panel .tech-stack span{padding:6px 9px}.one-sheet-note{margin-top:13px;padding:12px 17px;color:#9db2c2;font-size:.68rem;line-height:1.45;border-style:dashed}

.load-error{max-width:900px;margin:40px auto;padding:28px;border:1px solid #ff7c7c50;border-radius:18px;background:#2a0e1688}.load-error h1{font-size:1.3rem}.load-error pre{white-space:pre-wrap;color:#ffb3b3}
footer{padding:5px 0 15px;color:#71889a;font-size:.63rem;letter-spacing:.08em;text-transform:uppercase}

@media(max-width:1040px){.project-list{grid-template-columns:1fr}.project-card{min-height:245px}.project-art{min-height:245px}.journey-grid,.journey-grid[data-count="2"]{grid-template-columns:1fr 1fr;max-width:none}.one-sheet-hero{grid-template-columns:1fr}.landing-link{max-width:360px}.one-sheet-bottom{grid-template-columns:1fr}}
@media(max-width:700px){.site-header,.page-shell,footer{width:min(100% - 24px,1240px)}.sticky-header{width:100%;padding-inline:12px}.page-shell{padding-top:8px}.hero h1{font-size:2.35rem}.project-list{grid-template-columns:1fr}.project-card{grid-template-columns:120px 1fr;min-height:250px}.project-art{min-height:250px}.project-core{width:64px;height:64px;border-radius:19px}.orbit-one{width:104px;height:104px}.orbit-two{width:150px;height:150px}.project-copy{padding:20px}.journey-grid,.journey-grid[data-count="2"],.one-sheet-grid{grid-template-columns:1fr}.journey-card{min-height:300px}.one-sheet-hero h1{font-size:2.35rem}.summary-panel ul{grid-template-columns:1fr}.brand b{max-width:230px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}
@media(min-width:1041px) and (max-height:820px){.page-shell{padding-top:6px}.hero h1{font-size:clamp(2rem,3.7vw,3.4rem)}.project-list{margin-top:17px}.project-card{min-height:255px}.project-art{min-height:255px}.project-copy{padding-block:20px}.journey-grid{margin-top:17px}.journey-card{min-height:292px}.card-visual{height:116px}.one-sheet-shell{padding-top:8px}.one-sheet-hero h1{font-size:clamp(1.9rem,3.35vw,3rem)}.one-sheet-hero p{font-size:.82rem}.one-sheet-grid{margin-top:14px}.one-sheet-pillar{padding:14px 16px}.one-sheet-bottom{margin-top:10px}.summary-panel{padding:14px 17px}.one-sheet-note{margin-top:10px;padding:10px 15px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

:root[data-theme="light"]{--bg:#eef5fa;--panel:#fff;--panel-2:#f5fafc;--text:#142738;--muted:#5c7283;--cyan:#087fae;--purple:#7454c8;--green:#14885d;--gold:#9b6500;--line:#2b708f25;--shadow:0 20px 50px #31586a22}
:root[data-theme="light"] html{background:#eef5fa}
:root[data-theme="light"] body{background:radial-gradient(circle at 15% -10%,#a9def3 0,transparent 34%),radial-gradient(circle at 85% 12%,#d7c9fa 0,transparent 28%),linear-gradient(150deg,#f7fbfe,#eaf2f7 72%);color:var(--text)}
:root[data-theme="light"] body::before{background-image:linear-gradient(#16384a0a 1px,transparent 1px),linear-gradient(90deg,#16384a0a 1px,transparent 1px)}
:root[data-theme="light"] .sticky-header{background:#f3f8fbdc;border-color:#17384a10}
:root[data-theme="light"] .brand-mark,:root[data-theme="light"] .back-mark{border-color:#1598c766;background:linear-gradient(145deg,#3bbbe42b,#8565d525);box-shadow:0 12px 30px #31586a24}
:root[data-theme="light"] .brand small,:root[data-theme="light"] .eyebrow,:root[data-theme="light"] .card-kicker,:root[data-theme="light"] .panel-label{color:#087fae}
:root[data-theme="light"] .round-btn{background:#fff;color:#18374a;border-color:#3c718f2e;box-shadow:0 5px 16px #31586a14}
:root[data-theme="light"] .project-card,:root[data-theme="light"] .journey-card,:root[data-theme="light"] .one-sheet-pillar,:root[data-theme="light"] .summary-panel,:root[data-theme="light"] .one-sheet-note{background:linear-gradient(145deg,#fff,#f3f8fb);border-color:#2b708f25;box-shadow:0 17px 42px #31586a1b}
:root[data-theme="light"] .project-art{border-color:#17384a10;background:radial-gradient(circle at 48% 48%,#28c5f020,transparent 30%),radial-gradient(circle at 52% 52%,#9a6df620,transparent 52%)}
:root[data-theme="light"] .project-core{background:linear-gradient(145deg,#f2fbfe,#ebe8fb);border-color:#1687b46c;box-shadow:0 0 34px #31586a1e}
:root[data-theme="light"] .tag-row span,:root[data-theme="light"] .info-tags span,:root[data-theme="light"] .tech-stack span{background:#fff;color:#36586b;border-color:#31586a20}
:root[data-theme="light"] .card-action{border-color:#17384a12;color:#18374a}
:root[data-theme="light"] .card-visual{border-color:#17384a10}
:root[data-theme="light"] .architecture-visual .node{background:#eaf6fb;border-color:#1384ac80}
:root[data-theme="light"] .mini-tank{background:#f5fbfd;border-color:#3188a980}:root[data-theme="light"] .mini-tank::after{color:#17384a}
:root[data-theme="light"] .memory-stack span{border-color:#7658c670;background:linear-gradient(90deg,#7658c621,#bd82e928)}
:root[data-theme="light"] .info-sheet{background:linear-gradient(145deg,#fff,#edf5f9);border-color:#a5742038;box-shadow:0 8px 26px #31586a18}
:root[data-theme="light"] .info-sheet i{background:#31586a20}
:root[data-theme="light"] .landing-link{background:linear-gradient(145deg,#fff,#eef5fb);color:#17384a;box-shadow:0 14px 35px #31586a1c}
:root[data-theme="light"] .one-sheet-tagline{color:#8c6209}
:root[data-theme="light"] footer{color:#647c8c}
:root[data-theme="light"] .summary-panel li{color:#587184}
:root[data-theme="light"] .one-sheet-note{color:#647d8e}