:root{color:#14231f;background:#f3fff8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--green: #42b883;--green-deep: #12845f;--ink: #14231f;--blue-gray: #35495e;--paper: #fffdf7;--warning: #ffcf4a;--react: #61dafb;--danger: #f05252}*{box-sizing:border-box}html{min-width:320px;min-height:100%;background:radial-gradient(circle at 12% 15%,rgba(255,207,74,.18),transparent 28rem),linear-gradient(135deg,#f3fff8,#eff8ff 48%,#fff7df)}body{min-width:320px;min-height:100vh;margin:0}button,a{font:inherit}a{color:inherit}.page-shell{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:28px 0 24px}.hero{display:grid;grid-template-columns:minmax(0,.94fr) minmax(340px,1.06fr);gap:clamp(24px,4vw,54px);align-items:center;min-height:calc(100vh - 104px);padding:clamp(28px,5vw,62px) 0}.hero-copy{display:grid;gap:20px}.eyebrow,.section-kicker{margin:0;color:var(--green-deep);font-size:.82rem;font-weight:900;letter-spacing:0;text-transform:uppercase}h1,h2,p{margin-top:0}h1{max-width:9ch;margin-bottom:0;color:var(--ink);font-size:clamp(3.25rem,12vw,8.4rem);line-height:.86;letter-spacing:0}h2{margin-bottom:0;color:var(--ink);font-size:clamp(1.8rem,4vw,3.4rem);line-height:1;letter-spacing:0}.lead{max-width:650px;margin-bottom:0;color:#304840;font-size:clamp(1.08rem,2vw,1.35rem);line-height:1.55}.status-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}.status-row span{min-height:38px;display:inline-flex;align-items:center;border:2px solid rgba(20,35,31,.14);border-radius:999px;padding:8px 14px;background:#fffdf7c7;color:#22352f;font-size:.9rem;font-weight:800;white-space:nowrap}.arena{position:relative;display:grid;place-items:center;min-height:540px;overflow:hidden;border:2px solid rgba(20,35,31,.12);border-radius:8px;background:linear-gradient(90deg,rgba(20,35,31,.07) 1px,transparent 1px),linear-gradient(rgba(20,35,31,.07) 1px,transparent 1px),linear-gradient(155deg,#42b88338,#61dafb2e 54%,#ffcf4a3d);background-size:34px 34px,34px 34px,100% 100%;box-shadow:0 24px 70px #14231f21}.arena:before{position:absolute;inset:20px;border:2px dashed rgba(20,35,31,.16);border-radius:8px;content:""}.react-zone{position:absolute;right:12%;bottom:14%;width:min(48%,300px);aspect-ratio:1;animation:reactShake 1.6s infinite ease-in-out}.react-logo{position:absolute;inset:0;width:100%;height:100%;overflow:visible;fill:none;stroke:var(--react);stroke-width:5;filter:drop-shadow(0 0 18px rgba(97,218,251,.42));transform-origin:center;animation:reactBreak 2.6s infinite ease-in-out}.react-logo circle{fill:var(--react);stroke:none}.react-orbits ellipse:nth-child(1){transform-origin:center;animation:orbitSplitA 2.6s infinite ease-in-out}.react-orbits ellipse:nth-child(2){transform-origin:center;animation:orbitSplitB 2.6s infinite ease-in-out}.react-orbits ellipse:nth-child(3){transform-origin:center;animation:orbitSplitC 2.6s infinite ease-in-out}.react-caption{position:absolute;right:2%;bottom:2%;max-width:190px;margin:0;color:#263b44;font-size:.88rem;font-weight:900;text-align:right}.fragment{position:absolute;left:48%;top:48%;width:9px;height:9px;border-radius:2px;background:var(--react);box-shadow:0 0 14px #61dafb9e;animation:fragmentFly 2.6s infinite ease-out;animation-delay:var(--delay)}.vue-emblem{position:absolute;left:6%;top:9%;width:min(48%,350px);aspect-ratio:1.16;display:grid;place-items:center;animation:vueCharge 2.6s infinite cubic-bezier(.2,.82,.2,1);filter:drop-shadow(0 24px 30px rgba(18,132,95,.28));z-index:2}.vue-emblem svg{width:100%;height:auto}.impact-beam{position:absolute;left:73%;top:57%;width:min(38vw,290px);height:34px;border-radius:999px;background:linear-gradient(90deg,#42b883e6,#ffcf4acc,#f0525200);transform:rotate(15deg);transform-origin:left center;filter:blur(.2px);opacity:.92;animation:beamPulse 2.6s infinite ease-in-out}.manifest{display:grid;grid-template-columns:minmax(0,.9fr) minmax(280px,.75fr);gap:clamp(24px,4vw,58px);align-items:end;padding:54px 0;border-top:2px solid rgba(20,35,31,.1);border-bottom:2px solid rgba(20,35,31,.1)}.manifest p:last-child{margin-bottom:0;color:#334943;font-size:1.1rem;line-height:1.65}.victories{padding:54px 0 36px}.section-heading{display:grid;gap:10px;margin-bottom:24px}.site-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.site-card{display:grid;grid-template-rows:auto auto 1fr;gap:10px;min-height:188px;border:2px solid rgba(20,35,31,.12);border-radius:8px;padding:18px;background:#fffdf7db;text-decoration:none;box-shadow:0 16px 36px #14231f14;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.site-card:hover,.site-card:focus-visible{border-color:#12845f94;box-shadow:0 20px 44px #12845f29;outline:none;transform:translateY(-5px)}.site-title{color:var(--ink);font-size:1.15rem;font-weight:950;line-height:1.1}.site-domain{color:var(--green-deep);font-size:.95rem;font-weight:850;overflow-wrap:anywhere}.site-badge{align-self:end;display:inline-flex;min-height:34px;align-items:center;width:fit-content;border-radius:999px;padding:7px 11px;background:#e7fff2;color:#253b34;font-size:.82rem;font-weight:850}.footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;padding-top:22px;border-top:2px solid rgba(20,35,31,.1);color:#3a504a;font-size:.94rem;font-weight:800}@keyframes vueCharge{0%,to{transform:translate(0) rotate(-8deg) scale(.98)}42%{transform:translate(32%,18%) rotate(7deg) scale(1.08)}64%{transform:translate(28%,16%) rotate(4deg) scale(1.03)}}@keyframes beamPulse{0%,28%,to{opacity:0;transform:rotate(15deg) scaleX(.15)}43%,62%{opacity:.95;transform:rotate(15deg) scaleX(1)}}@keyframes reactShake{0%,to{transform:translate(0)}44%{transform:translate(10px,-8px) rotate(-4deg)}54%{transform:translate(-8px,7px) rotate(5deg)}64%{transform:translate(5px,-4px) rotate(-3deg)}}@keyframes reactBreak{0%,35%,to{opacity:1;transform:scale(1) rotate(0)}55%{opacity:.58;transform:scale(.92) rotate(11deg)}72%{opacity:.3;transform:scale(.82) rotate(-8deg)}}@keyframes orbitSplitA{0%,38%,to{transform:translate(0) rotate(0)}64%{transform:translate(18px,-20px) rotate(18deg)}}@keyframes orbitSplitB{0%,38%,to{transform:rotate(60deg) translate(0)}64%{transform:rotate(78deg) translate(-18px,14px)}}@keyframes orbitSplitC{0%,38%,to{transform:rotate(120deg) translate(0)}64%{transform:rotate(100deg) translate(20px,18px)}}@keyframes fragmentFly{0%,38%{opacity:0;transform:translate(0) scale(.3)}47%{opacity:1}78%{opacity:0;transform:translate(calc(var(--x) * 2.8),calc(var(--y) * 2.8)) rotate(170deg) scale(1)}to{opacity:0}}@media(max-width:920px){.page-shell{width:min(100% - 24px,720px)}.hero{grid-template-columns:1fr;min-height:auto;padding-top:34px}.arena{min-height:440px}.manifest{grid-template-columns:1fr}.site-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.page-shell{width:min(100% - 18px,440px);padding-top:16px}h1{font-size:clamp(3.2rem,20vw,4.6rem)}.status-row span{width:100%;justify-content:center}.arena{min-height:350px}.arena:before{inset:12px}.vue-emblem{left:1%;top:14%;width:58%}.react-zone{right:2%;bottom:18%;width:52%}.react-caption{max-width:130px;font-size:.75rem}.impact-beam{width:190px;height:24px}.site-grid{grid-template-columns:1fr}.site-card{min-height:150px}.footer{display:grid}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}