:root{--font-heading:'Helvetica Neue',Arial,'Noto Sans SC',sans-serif;--font-body:'Helvetica Neue',Arial,'Noto Sans SC',sans-serif}
body{font-family:var(--font-body)}
.mainframe-header{position:fixed;top:0;left:0;right:0;height:84px;max-width:none;padding:18px 32px;background:linear-gradient(#070c10a6,transparent);border:0;z-index:50;backdrop-filter:none;-webkit-backdrop-filter:none}
.mainframe-header .brand{font-family:var(--font-heading);font-size:26px;letter-spacing:-.07em;font-weight:600;line-height:1;gap:10px}
.brand-word{display:inline-block}.brand-word sup{font-size:10px;vertical-align:top;letter-spacing:0;margin-left:2px}.brand-star{font-size:30px;font-weight:400;line-height:.7;animation:starTurn 18s linear infinite;color:#fff}
.mainframe-header nav{display:flex;align-items:center;gap:0;font-family:var(--font-body);font-size:21px;font-weight:400}.mainframe-header nav span{color:#fff;margin-right:6px}.mainframe-header nav a{margin-right:4px;color:#fff}
.mainframe-header .chain-pill{font-size:11px;border-color:#fff7;background:#0003}.header-link{border:0;background:transparent;color:white;font-size:20px;text-decoration:underline;text-underline-offset:5px;padding:7px 0;white-space:nowrap}.header-link:hover{opacity:.62}
.menu-toggle,.mobile-menu{display:none}
.mainframe-hero{height:100svh;min-height:760px;max-height:none;position:relative;color:#fff;background:#070b0f;overflow:hidden}
.mainframe-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#070b0ff0 0%,#070b0f9c 39%,#070b0f2e 68%,#070b0f76 100%),linear-gradient(to top,#070b0f 0%,transparent 29%);z-index:0;pointer-events:none}
.hero-backdrop{position:absolute;inset:0;overflow:hidden;background:radial-gradient(circle at 78% 35%,#b6783e7a,transparent 30%),radial-gradient(circle at 66% 71%,#4e232fa6,transparent 36%),#06090c;z-index:0}
.hero-light{position:absolute;width:68vw;height:68vw;max-width:950px;max-height:950px;right:-9%;top:-12%;background:conic-gradient(from 20deg,#d3904a20,#9b34343b,#e2ba7233,#35516f38,#d3904a20);filter:blur(60px);border-radius:50%;animation:slowTurn 36s linear infinite}
.hero-cat-portrait{position:absolute;right:1.5%;top:4%;height:96%;width:min(58vw,840px);overflow:hidden;filter:grayscale(.2) contrast(1.14) saturate(.8);mask-image:radial-gradient(ellipse 64% 61% at 53% 45%,#000 50%,transparent 100%);transform:translate3d(var(--pointer-x,0px),var(--pointer-y,0px),0) scale(calc(1.07 + var(--scroll-progress,0)*.09));transition:transform .3s ease-out,filter .8s ease}
.hero-cat-portrait img{height:100%;width:100%;object-fit:cover;object-position:center 25%;opacity:.87}
.hero-grain{position:absolute;inset:0;opacity:.13;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E");mix-blend-mode:screen;pointer-events:none}
.hero-arc{position:absolute;width:56vw;height:56vw;max-width:780px;max-height:780px;right:7%;top:5%;border:1px solid #e9c49f4d;border-radius:50%;transform:translate3d(calc(var(--pointer-x,0px)*-.3),calc(var(--pointer-y,0px)*-.3),0);transition:transform .45s ease-out;box-shadow:0 0 80px #ce8d3c19}.arc-two{width:68vw;height:68vw;max-width:930px;max-height:930px;right:2%;top:-5%;border-style:dashed;border-color:#e7c9b92e;animation:slowTurn 60s linear infinite}
.mainframe-hero .hero-inner{position:relative;z-index:2;max-width:none;height:100%;min-height:0;padding:0 clamp(24px,4vw,60px);display:flex;align-items:center;justify-content:space-between}
.mainframe-hero .hero-copy{align-self:auto;max-width:670px;padding:30px 0 0;animation:none}
.blur-intro{font-size:clamp(18px,2.4vw,26px);line-height:1.35;font-weight:400;color:#e9ecee;filter:blur(4px);opacity:.8;animation:clarify 1.8s ease 1s forwards;margin-bottom:28px;pointer-events:none;user-select:none}
.mainframe-hero .hero-title{font-family:var(--font-heading);font-size:clamp(48px,5.1vw,82px);line-height:1.09;font-weight:500;letter-spacing:-.065em;margin:0 0 25px;color:#fff;text-shadow:0 16px 40px #0008}
.mainframe-hero .hero-title span{color:#f3d797;text-shadow:none}.mainframe-hero .hero-title span:after{display:none}
.typewriter{font-size:clamp(18px,2.1vw,25px);line-height:1.35;color:#fff;min-height:72px;max-width:610px;margin:0 0 23px;font-weight:400}.type-cursor{display:inline-block;width:2px;height:1.05em;background:#fff;margin-left:2px;vertical-align:middle;animation:cursorBlink 1s step-end infinite}.type-cursor.done{display:none}
.hero-pills{display:flex;flex-wrap:wrap;gap:0;max-width:650px;opacity:0;transform:translateY(8px);transition:opacity .45s ease,transform .45s ease}.hero-pills.visible{opacity:1;transform:translateY(0)}
.hero-pills a,.hero-pills button{display:inline-flex;align-items:center;justify-content:center;gap:15px;border:1px solid #0002;border-radius:99px;background:#fff;color:#090b0d;font-size:14px;font-weight:500;padding:9px 17px;margin:0 6px 9px 0;white-space:nowrap;transition:background .2s,color .2s,transform .2s}.hero-pills a:hover,.hero-pills button:hover{background:#111;color:#fff;transform:translateY(-2px)}.hero-pills .outline-pill{background:#ffffff0c;color:white;border:1px solid #fff9;backdrop-filter:blur(12px)}.hero-pills .outline-pill:hover{background:white;color:#111}
.mainframe-hero .chain-pulse{background:#ffffff0d;border:1px solid #ffffff55;color:#e6e4dd;margin-top:24px;border-radius:99px;box-shadow:none}.mainframe-hero .chain-pulse strong{color:#f2d797}
.hero-side{position:absolute;right:5%;bottom:14%;width:270px;height:240px;pointer-events:none}.hero-side .cat-mood{top:0;right:0;background:#ffffff1b;border-color:#ffffff5a;color:#fff;box-shadow:none}.token-emblem{position:absolute;bottom:10px;right:20px;height:125px;width:125px;border-radius:50%;overflow:hidden;border:2px solid #fff9;background:#fff3;box-shadow:0 15px 55px #000a,0 0 50px #e6a55255;transform:rotate(8deg);transition:transform .5s}.token-emblem img{height:100%;width:100%;object-fit:cover}.side-caption{position:absolute;bottom:29px;left:0;color:#fff;font-size:11px;letter-spacing:.1em;line-height:1.5;text-shadow:0 2px 10px #000}.side-caption small{color:#e9d3b2;font-size:10px;letter-spacing:0}
.hero-bottom{position:absolute;bottom:29px;left:clamp(24px,4vw,60px);right:clamp(24px,4vw,60px);z-index:3;display:flex;justify-content:space-between;border-top:1px solid #ffffff70;padding-top:15px;color:#eee;font-size:11px;letter-spacing:.14em;font-weight:500}.hero-bottom a:hover{opacity:.6}
body[data-mood="scanning"] .hero-cat-portrait{filter:grayscale(0) contrast(1.25) saturate(1.05) brightness(1.15)}body[data-mood="caution"] .hero-cat-portrait{filter:sepia(.2) contrast(1.25) saturate(1.25)}body[data-mood="clear"] .hero-cat-portrait{filter:grayscale(0) contrast(1.1) saturate(1.05)}body[data-entering="true"] .hero-cat-portrait{transition:transform 1s ease;transform:translate3d(var(--pointer-x,0px),var(--pointer-y,0px),0) scale(1.2)}body[data-entering="true"] .token-emblem{transform:rotate(20deg) scale(1.15)}
.workbench{margin-top:-1px;border-radius:0 0 24px 24px;background:linear-gradient(135deg,#16252fbd,#0e1a23d9);border-top:0}
.mobile-menu{position:fixed;inset:0;z-index:49;background:#06090ce8;backdrop-filter:blur(25px);opacity:0;pointer-events:none;transition:opacity .3s ease;display:flex;align-items:center;padding:90px 32px}.mobile-menu.open{opacity:1;pointer-events:auto}.mobile-menu nav{display:flex;flex-direction:column;gap:28px}.mobile-menu nav a,.mobile-menu nav button{font-family:var(--font-heading);font-size:32px;color:#fff;background:transparent;border:0;text-align:left;padding:0}.mobile-menu nav button{text-decoration:underline;text-underline-offset:6px;margin-top:12px}
@keyframes clarify{to{filter:blur(.5px);opacity:1}}@keyframes cursorBlink{50%{opacity:0}}@keyframes starTurn{to{transform:rotate(360deg)}}@keyframes slowTurn{to{transform:rotate(360deg)}}
@media(max-width:1050px){.mainframe-header nav{font-size:17px}.mainframe-header .chain-pill{display:none}.mainframe-hero .hero-title{font-size:64px}.hero-cat-portrait{width:65vw;right:-6%}.hero-side{right:2%}}
@media(max-width:760px){.mainframe-header{height:72px;padding:15px 21px}.mainframe-header .brand{font-size:22px}.brand-star{font-size:25px}.mainframe-header nav,.mainframe-header .header-actions{display:none}.menu-toggle{display:flex;width:31px;height:31px;padding:2px;background:transparent;border:0;flex-direction:column;justify-content:center;gap:5px;z-index:51}.menu-toggle span{display:block;width:26px;height:2px;background:white;transition:transform .3s,opacity .3s}.menu-toggle.open span:first-child{transform:translateY(7px) rotate(45deg)}.menu-toggle.open span:nth-child(2){opacity:0}.menu-toggle.open span:last-child{transform:translateY(-7px) rotate(-45deg)}.mainframe-hero{min-height:760px;height:100svh}.mainframe-hero .hero-inner{display:flex;align-items:flex-end;padding:0 22px 95px}.mainframe-hero .hero-copy{padding:0;max-width:100%}.hero-cat-portrait{height:75%;width:110%;right:-22%;top:0;mask-image:linear-gradient(to bottom,#000 0%,#000 55%,transparent 100%)}.mainframe-hero:after{background:linear-gradient(to bottom,#07101625 0%,#070b0f8e 47%,#070b0ff0 70%,#070b0f 100%)}.hero-arc{width:620px;height:620px;right:-240px;top:-70px}.arc-two{width:760px;height:760px;right:-290px;top:-130px}.blur-intro{font-size:18px;margin-bottom:18px}.mainframe-hero .hero-title{font-size:clamp(44px,9vw,63px);margin-bottom:19px}.typewriter{font-size:18px;min-height:65px;margin-bottom:16px}.hero-pills a,.hero-pills button{font-size:13px;padding:7px 13px;margin:0 5px 7px 0}.mainframe-hero .chain-pulse{margin-top:16px;font-size:10px}.hero-side{top:96px;right:14px;bottom:auto;width:125px;height:140px}.hero-side .cat-mood{font-size:10px;white-space:nowrap}.token-emblem{height:75px;width:75px;bottom:0;right:0}.side-caption{display:none}.hero-bottom{left:22px;right:22px;bottom:20px;font-size:9px}.workbench{margin:0 16px 70px;border-radius:18px}}
@media(max-width:460px){.mainframe-hero{min-height:800px}.mainframe-hero .hero-title{font-size:44px}.typewriter{font-size:17px;min-height:72px}.blur-intro{font-size:17px}.hero-pills a,.hero-pills button{font-size:12px;padding:7px 12px}.hero-bottom span{display:none}.hero-bottom{justify-content:flex-end}}
@media(prefers-reduced-motion:reduce){.brand-star,.blur-intro,.type-cursor,.hero-light,.arc-two{animation:none!important}.blur-intro{filter:none;opacity:1}.hero-pills{opacity:1;transform:none}.hero-cat-portrait,.hero-arc{transition:none}}