.arch{background:radial-gradient(120% 90% at 50% -10%,#4dffdf14,#0000 60%),radial-gradient(80% 60% at 12% 30%,#4fb1ef12,#0000 55%),radial-gradient(90% 70% at 88% 78%,#8b5cf614,#0000 60%),linear-gradient(160deg,#07070b 0%,#090911 55%,#0c0a16 100%);position:fixed;inset:0;overflow:hidden}.graph-wrap{position:absolute;inset:0}.graph-wrap canvas{width:100%;height:100%;display:block}.arch:before{content:"";pointer-events:none;background-image:linear-gradient(#e8e8ef06 1px,#0000 1px),linear-gradient(90deg,#e8e8ef06 1px,#0000 1px);background-size:46px 46px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle at 50% 45%,#000,#0000 85%);mask-image:radial-gradient(circle at 50% 45%,#000,#0000 85%)}.arch__head{pointer-events:none;z-index:5;max-width:min(40ch,44vw);position:absolute;top:clamp(18px,3vw,40px);left:clamp(18px,3vw,44px)}.brand{align-items:center;gap:12px;margin-bottom:clamp(22px,5vh,56px);display:flex}.brand__mark{filter:drop-shadow(0 0 10px #4dffdf66);width:30px;height:34px}.brand__text{flex-direction:column;line-height:1.1;display:flex}.brand__name{letter-spacing:.18em;color:#f2f2f7;font-size:1.02rem;font-weight:700}.brand__sub{letter-spacing:.16em;text-transform:uppercase;color:var(--teal);font-size:.72rem}.headline h1{letter-spacing:-.02em;color:#f4f4f9;margin:0;font-size:clamp(1.6rem,3.4vw,2.9rem);font-weight:600;line-height:1.08}.headline__accent{background:linear-gradient(100deg, var(--teal), #6f93f2 45%, var(--violet));color:#0000;-webkit-background-clip:text;background-clip:text}.headline__lede{color:var(--soft-text);max-width:38ch;margin:clamp(14px,2vh,22px) 0 0;font-size:clamp(.82rem,1vw,.95rem);line-height:1.55}.arch__panel{z-index:6;width:min(330px,78vw);position:absolute;top:clamp(18px,3vw,40px);right:clamp(14px,2.4vw,36px)}.panel{pointer-events:auto;border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);opacity:var(--panel-fade,1);background:linear-gradient(#14141ed1,#0c0c13d1);border-radius:16px;padding:18px 18px 20px;box-shadow:0 18px 50px -24px #000000e6}.panel--idle{opacity:1;background:linear-gradient(#14141e8c,#0c0c138c)}.panel__hint{color:var(--soft-text);margin:0 0 10px;font-size:.82rem;line-height:1.5}.panel__hint--dim{color:var(--muted);margin-bottom:0}.panel__tag{letter-spacing:.14em;text-transform:uppercase;color:var(--soft-violet);margin-bottom:8px;font-size:.66rem}.panel__title{letter-spacing:-.01em;color:#f4f4f9;margin:0;font-size:1.18rem;font-weight:600}.panel__tagline{color:var(--soft-text);margin:8px 0 0;font-size:.85rem;line-height:1.5}.panel__list{grid-template-columns:1fr 1fr;gap:7px 14px;margin:16px 0 0;padding:0;list-style:none;display:grid}.panel__list li{color:#d4d4e0;padding-left:15px;font-size:.76rem;position:relative}.panel__list li:before{content:"";background:var(--dot,var(--teal));width:6px;height:6px;box-shadow:0 0 8px var(--dot,var(--teal));border-radius:50%;position:absolute;top:.45em;left:0}.panel__chips{flex-wrap:wrap;gap:6px;margin-top:14px;display:flex}.panel__cta{pointer-events:auto;color:#07070b;background:linear-gradient(100deg, var(--teal), #6f93f2);border-radius:999px;align-items:center;gap:8px;margin-top:16px;padding:9px 16px;font-size:.8rem;font-weight:600;transition:transform .16s,box-shadow .16s;display:inline-flex;box-shadow:0 0 0 1px #4dffdf4d,0 10px 26px -10px #4dffdf99}.panel__cta:hover{transform:translateY(-1px);box-shadow:0 0 0 1px #4dffdf80,0 14px 30px -10px #4dffdfbf}.panel__cta span{transition:transform .16s}.panel__cta:hover span{transform:translate(3px)}.chip{border:1px solid var(--line);color:#dcdce6;white-space:nowrap;background:#ffffff08;border-radius:999px;align-items:baseline;gap:6px;padding:5px 11px;font-size:.74rem;display:inline-flex}.chip em{color:var(--muted);font-size:.64rem;font-style:normal}.chip--stack{color:var(--soft-violet);border-color:#c4b5fd40;font-size:.7rem}.chip--tool{color:var(--soft-text);font-size:.7rem}.arch__stats{pointer-events:none;z-index:5;gap:clamp(16px,2.4vw,32px);display:flex;position:absolute;bottom:clamp(118px,18vh,168px);left:clamp(18px,3vw,44px)}.stat{flex-direction:column;line-height:1;display:flex}.stat__value{letter-spacing:-.03em;color:#f4f4f9;font-size:clamp(1.4rem,2.6vw,2.2rem);font-weight:700}.stat__label{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-top:5px;font-size:.66rem}.arch__foot{pointer-events:none;z-index:5;background:linear-gradient(#0000,#07070beb);flex-direction:column;gap:8px;padding:14px clamp(18px,3vw,44px) 16px;display:flex;position:absolute;bottom:0;left:0;right:0}.band{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.band__label{letter-spacing:.16em;text-transform:uppercase;color:var(--teal);flex-shrink:0;font-size:.64rem}.band--tools .band__label{color:var(--soft-violet)}.band__items{flex-wrap:wrap;gap:7px;display:flex}.band__rule{color:var(--muted);font-size:.68rem;font-style:italic}.legend{pointer-events:none;z-index:5;flex-direction:column;gap:7px;display:flex;position:absolute;bottom:clamp(96px,16vh,150px);right:clamp(14px,2.4vw,36px)}.legend span{color:var(--soft-text);align-items:center;gap:8px;font-size:.7rem;display:flex}.legend__dot{border-radius:50%;width:8px;height:8px}.legend__dot--down{background:var(--teal);box-shadow:0 0 8px var(--teal)}.legend__dot--up{background:var(--violet);box-shadow:0 0 8px var(--violet)}.legend__dot--in{background:#4fb1ef;box-shadow:0 0 8px #4fb1ef}@media (max-width:860px){.arch__head{max-width:70vw}.arch__panel{width:min(300px,88vw);top:auto;bottom:150px;right:clamp(12px,3vw,20px)}.headline__lede{display:none}.arch__stats{gap:14px;bottom:150px}.legend,.band__rule{display:none}}@media (max-width:560px){.arch__panel{top:auto;bottom:calc(14px + env(safe-area-inset-bottom,0px));z-index:8;width:auto;display:block;left:12px;right:12px}.panel{padding:14px 15px 16px}.panel__title{font-size:1.06rem}.panel__tagline{font-size:.78rem}.panel__list{gap:6px 12px;margin-top:12px}.panel__list li{font-size:.72rem}.arch__stats,.arch__foot,.legend{display:none}.headline h1{font-size:clamp(1.5rem,8vw,2rem)}}