*{box-sizing:border-box;margin:0;padding:0}:root{--cream:#faf9f7;--oat:#dad4c8;--oat-light:#eee9df;--black:#1a1a18;--ink:#2b2a26;--silver:#9f9b93;--charcoal:#55534e;--matcha-300:#84e7a5;--matcha-500:#17b26a;--matcha-600:#078a52;--matcha-800:#02492a;--slushie-400:#7ce1ff;--slushie-500:#3bd3fd;--slushie-800:#0089ad;--lemon-400:#f8cc65;--lemon-500:#fbbd41;--ube-300:#c1b0ff;--ube-500:#7c5ce0;--ube-800:#43089f;--pomegranate-400:#fc7981;--pomegranate-600:#e8505a;--blueberry-800:#01418d;--radius-card:24px;--radius-panel:40px;--shadow-clay:#0000001a 0px 1px 1px, #0000000a 0px -1px 1px inset, #0000000d 0px -.5px 1px;--font-body:"DM Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:"Space Mono", ui-monospace, SFMono-Regular, Menlo, monospace}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--cream);color:var(--black);-webkit-font-smoothing:antialiased;line-height:1.5}.container{max-width:1120px;margin:0 auto;padding:0 28px}a{color:inherit;text-decoration:none}::selection{background:var(--ube-300);color:var(--ube-800)}:focus-visible{outline:3px solid var(--slushie-500);outline-offset:2px;border-radius:4px}.reveal{opacity:0;transition:opacity .6s cubic-bezier(.22,.61,.36,1),transform .6s cubic-bezier(.22,.61,.36,1);transform:translateY(22px)}.reveal.visible{opacity:1;transform:none}.reveal-d1{transition-delay:80ms}.reveal-d2{transition-delay:.16s}.reveal-d3{transition-delay:.24s}header{z-index:50;backdrop-filter:blur(10px);border-bottom:1px solid var(--oat);background:#faf9f7e6;position:sticky;top:0}nav{justify-content:space-between;align-items:center;height:68px;display:flex}.logo{letter-spacing:-.3px;align-items:center;gap:10px;font-size:18px;font-weight:700;display:flex}.logo svg{width:28px;height:28px;transition:transform .35s cubic-bezier(.34,1.56,.64,1)}.logo:hover svg{transform:rotate(-14deg)scale(1.1)}.nav-links{align-items:center;gap:26px;font-size:15px;font-weight:500;display:flex}.nav-links a{color:var(--charcoal);transition:color .15s;position:relative}.nav-links a:not(.nav-cta):after{content:"";background:var(--ube-500);border-radius:2px;height:2px;transition:right .2s;position:absolute;bottom:-4px;left:0;right:100%}.nav-links a:not(.nav-cta):hover:after{right:0}.nav-links a:not(.nav-cta).active{color:var(--black)}.nav-links a:not(.nav-cta).active:after{right:0}.nav-links a:hover{color:var(--black)}.nav-cta{background:var(--black);border-radius:999px;padding:9px 18px;font-size:14px;font-weight:500;transition:transform .18s,box-shadow .18s,background .18s;color:#fff!important}.nav-cta:hover{background:var(--ube-800);transform:rotate(-3deg)translateY(-2px);box-shadow:-4px 4px #000000e6}@media (width<=720px){.nav-links a:not(.nav-cta){display:none}}.hero{padding:84px 0 60px;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background-image:radial-gradient(var(--oat) 1.2px, transparent 1.2px);opacity:.35;background-size:34px 34px;position:absolute;inset:0;mask-image:linear-gradient(#000,#0000 75%)}.hero-inner{grid-template-columns:1.1fr .9fr;align-items:center;gap:48px;display:grid;position:relative}@media (width<=900px){.hero-inner{grid-template-columns:1fr}.hero-art{display:none}}.eyebrow{font-family:var(--font-mono);letter-spacing:1.1px;text-transform:uppercase;color:var(--slushie-800);border:1px dashed var(--slushie-500);background:#e6f7fd;border-radius:999px;align-items:center;gap:8px;margin-bottom:26px;padding:6px 14px;font-size:12px;font-weight:700;display:inline-flex}.eyebrow .spark{animation:2.4s ease-in-out infinite sparkle;display:inline-block}@keyframes sparkle{0%,to{transform:scale(1)rotate(0)}50%{transform:scale(1.35)rotate(20deg)}}h1{letter-spacing:-3.5px;font-size:clamp(46px,6.8vw,84px);font-weight:700;line-height:1}h1 .c{cursor:default;transition:transform .25s cubic-bezier(.34,1.56,.64,1);display:inline-block}h1 .c:hover{transform:translateY(-6px)rotate(-8deg)}h1 .c1{color:var(--slushie-800)}h1 .c2{color:var(--ube-800)}h1 .c3{color:var(--matcha-600)}.hero-sub{color:var(--charcoal);max-width:30em;margin-top:24px;font-size:19px;line-height:1.55}.hero-sub strong{color:var(--black);font-weight:700}.hero-sub .foxword{color:var(--pomegranate-600);font-weight:700}.hero-meta{font-family:var(--font-mono);color:var(--silver);letter-spacing:.2px;margin-top:18px;font-size:12.5px}.hero-meta .sep{color:var(--oat);margin:0 8px}.hero-actions{flex-wrap:wrap;gap:16px;margin-top:34px;display:flex}.btn{border:1px solid var(--oat);cursor:pointer;border-radius:12px;align-items:center;gap:8px;padding:13px 26px;font-size:16px;font-weight:500;transition:transform .18s,box-shadow .18s,background .18s,color .18s,border-color .18s;display:inline-flex}.btn-solid{background:var(--black);color:#fff;border-color:var(--black)}.btn-solid:hover{background:var(--matcha-600);transform:rotate(-2.5deg)translateY(-3px);box-shadow:-6px 6px #000000d9}.btn-solid:active{transform:rotate(-2.5deg)translateY(0);box-shadow:-2px 2px #000000d9}.btn-ghost{color:var(--black);background:0 0}.btn-ghost:hover{background:var(--lemon-400);border-color:var(--lemon-500);transform:rotate(1.5deg)translateY(-3px);box-shadow:-6px 6px #000000d9}.btn-ghost:active{transform:rotate(1.5deg)translateY(0);box-shadow:-2px 2px #000000d9}.btn-small{border-radius:10px;padding:9px 18px;font-size:14px}.hero-art{height:400px;position:relative}.fox-stage{z-index:2;filter:drop-shadow(0 22px 28px #00000024);width:230px;height:230px;animation:5s ease-in-out infinite bob;position:absolute;top:50%;left:50%;transform:translate(-50%,-52%)}@keyframes bob{0%,to{transform:translate(-50%,-52%)}50%{transform:translate(-50%,-58%)}}.avatar-ring{border:2.5px dashed var(--ube-500);pointer-events:none;border-radius:50%;animation:26s linear infinite spin-slow;position:absolute;inset:-16px}@keyframes spin-slow{to{transform:rotate(360deg)}}.avatar-img{object-fit:cover;width:100%;height:100%;box-shadow:0 0 0 2px var(--oat), -9px 9px 0 #00000024;border:9px solid #fff;border-radius:50%}.avatar-badge{background:var(--cream);border:2px dashed var(--oat);border-radius:50%;justify-content:center;align-items:center;width:58px;height:58px;animation:22s linear infinite reverse spin-slow;display:flex;position:absolute;bottom:4px;right:4px}.avatar-badge svg{width:34px;height:34px}.cloud{z-index:1;border-radius:50%;position:absolute}.cloud:before,.cloud:after{content:"";background:inherit;border-radius:50%;position:absolute}@keyframes drift{0%,to{transform:translate(0)translateY(0)}50%{transform:translate(14px)translateY(-16px)}}.cloud-c1{background:var(--slushie-400);opacity:.9;width:150px;height:100px;animation:7s ease-in-out infinite drift;top:12px;left:4px}.cloud-c1:before{width:82px;height:82px;top:-38px;left:28px}.cloud-c1:after{width:58px;height:58px;top:-24px;right:14px}.cloud-c2{background:var(--ube-300);opacity:.85;width:116px;height:78px;animation:8.5s ease-in-out 1.2s infinite drift;bottom:40px;right:6px}.cloud-c2:before{width:62px;height:62px;top:-30px;left:22px}.cloud-c2:after{width:44px;height:44px;top:-18px;right:10px}.cloud-c3{background:var(--pomegranate-400);opacity:.75;width:76px;height:52px;animation:6.2s ease-in-out 2.4s infinite drift;top:118px;right:130px}.cloud-c3:before{width:42px;height:42px;top:-20px;left:16px}.cloud-c3:after{width:30px;height:30px;top:-13px;right:8px}.cloud-c4{background:var(--lemon-500);opacity:.8;width:64px;height:44px;animation:7.6s ease-in-out 3.6s infinite drift;bottom:8px;left:96px}.cloud-c4:before{width:36px;height:36px;top:-17px;left:12px}.cloud-c4:after{width:26px;height:26px;top:-11px;right:6px}.cloud-c5{background:var(--matcha-500);opacity:.6;width:40px;height:28px;animation:5.6s ease-in-out .8s infinite drift;top:52px;right:44px}.cloud-c5:before{width:22px;height:22px;top:-10px;left:8px}.cloud-c5:after{width:16px;height:16px;top:-7px;right:4px}.scroll-hint{font-family:var(--font-mono);letter-spacing:2px;text-transform:uppercase;color:var(--silver);flex-direction:column;align-items:center;gap:8px;font-size:11px;display:flex;position:absolute;bottom:-4px;left:50%;transform:translate(-50%)}.scroll-hint .line{background:var(--oat);width:1.5px;height:34px;position:relative;overflow:hidden}.scroll-hint .line:after{content:"";background:var(--ube-500);width:100%;height:50%;animation:2s ease-in-out infinite drip;position:absolute;top:-50%;left:0}@keyframes drip{0%{top:-50%}to{top:110%}}.about-wrap{margin:0 auto 96px}.about-strip{background:var(--matcha-800);color:#eafff2;border-radius:var(--radius-panel);padding:56px;position:relative;overflow:hidden}.about-strip:before{content:"";background:radial-gradient(circle,#84e7a547,#0000 70%);border-radius:50%;width:260px;height:260px;position:absolute;top:-80px;right:-80px}.about-strip:after{content:"";background:radial-gradient(circle,#3bd3fd29,#0000 70%);border-radius:50%;width:220px;height:220px;position:absolute;bottom:-90px;left:-60px}.about-grid{grid-template-columns:88px 1fr;align-items:start;gap:30px;display:grid;position:relative}@media (width<=640px){.about-grid{grid-template-columns:1fr}}.about-avatar{background:#ffffff1a;border:2px dashed #ffffff4d;border-radius:26px;justify-content:center;align-items:center;width:88px;height:88px;transition:transform .3s cubic-bezier(.34,1.56,.64,1);display:flex}.about-avatar:hover{transform:rotate(-6deg)scale(1.06)}.about-avatar img.avatar-sm{object-fit:cover;border-radius:20px;width:100%;height:100%}.about-strip h2{letter-spacing:-1.4px;color:#fff;font-size:clamp(28px,3.6vw,42px);font-weight:600}.about-strip h2 .wave{transform-origin:70% 70%;animation:2.2s ease-in-out infinite wave;display:inline-block}@keyframes wave{0%,60%,to{transform:rotate(0)}30%{transform:rotate(16deg)}}.about-strip p{color:var(--matcha-300);max-width:44em;margin-top:14px;font-size:16.5px;line-height:1.7}.about-strip p strong{color:#fff;font-weight:600}.tags{flex-wrap:wrap;gap:10px;margin-top:26px;display:flex}.tag{color:#eafff2;cursor:default;background:#ffffff1a;border:1px solid #ffffff2e;border-radius:999px;padding:7px 15px;font-size:13px;font-weight:600;transition:transform .18s,background .18s,color .18s,border-color .18s}.tag:hover{background:var(--lemon-500);color:var(--black);border-color:var(--lemon-500);transform:translateY(-3px)rotate(-2deg)}section.block{margin-bottom:96px}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:38px;display:flex}.section-head h2{letter-spacing:-1.6px;font-size:clamp(30px,4vw,44px);font-weight:600}.section-label{font-family:var(--font-mono);letter-spacing:1.1px;text-transform:uppercase;font-size:12px;font-weight:700}.section-head .section-label{color:var(--ube-800);background:var(--ube-300);border-radius:999px;padding:5px 14px}.grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}@media (width<=940px){.grid{grid-template-columns:repeat(2,1fr)}}@media (width<=620px){.grid{grid-template-columns:1fr}}.card{border:1px solid var(--oat);border-radius:var(--radius-card);box-shadow:var(--shadow-clay);background:#fff;flex-direction:column;gap:13px;padding:26px;transition:transform .22s cubic-bezier(.22,.61,.36,1),box-shadow .22s;display:flex;position:relative;overflow:hidden}.card:before{content:"";background:var(--card-accent,var(--slushie-500));height:5px;position:absolute;top:0;left:0;right:0}.card:hover{transform:translateY(-7px)rotate(-.7deg);box-shadow:-7px 7px #00000021}.card-icon{background:var(--card-accent);color:#fff;border-radius:14px;justify-content:center;align-items:center;width:46px;height:46px;transition:transform .25s cubic-bezier(.34,1.56,.64,1);display:flex}.card:hover .card-icon{transform:rotate(-10deg)scale(1.1)}.card-icon svg{width:24px;height:24px}.card h3{letter-spacing:-.4px;font-size:20px;font-weight:600}.card p{color:var(--charcoal);flex:1;font-size:14.5px;line-height:1.6}.card-meta{flex-wrap:wrap;gap:8px;display:flex}.chip{font-family:var(--font-mono);border:1px solid var(--oat);color:var(--charcoal);background:var(--cream);border-radius:999px;padding:3px 10px;font-size:11px;font-weight:700}.card-link{color:var(--blueberry-800);align-items:center;gap:6px;font-size:14px;font-weight:600;display:inline-flex}.card-link svg{width:14px;height:14px;transition:transform .2s}.card-link:hover{text-decoration:underline}.card-link:hover svg{transform:translate(3px)}.ca-matcha{--card-accent:var(--matcha-600)}.ca-lemon{--card-accent:var(--lemon-500)}.ca-ube{--card-accent:var(--ube-500)}.ca-pome{--card-accent:var(--pomegranate-600)}.ca-slushie{--card-accent:var(--slushie-500)}.ca-blue{--card-accent:var(--blueberry-800)}.partners-grid{grid-template-columns:repeat(2,1fr);gap:22px;display:grid}@media (width<=700px){.partners-grid{grid-template-columns:1fr}}.partner{border:1px solid var(--oat);border-radius:var(--radius-card);box-shadow:var(--shadow-clay);background:#fff;align-items:center;gap:22px;padding:26px;transition:transform .22s cubic-bezier(.22,.61,.36,1),box-shadow .22s;display:flex}.partner:hover{transform:translateY(-6px)rotate(.5deg);box-shadow:-7px 7px #00000021}.partner-logo{border:1px solid var(--oat-light);background:#fff;border-radius:20px;flex-shrink:0;justify-content:center;align-items:center;width:84px;height:84px;transition:transform .25s cubic-bezier(.34,1.56,.64,1);display:flex;overflow:hidden}.partner:hover .partner-logo{transform:rotate(-6deg)scale(1.05)}.partner-logo img{object-fit:contain;width:100%;height:100%}.partner-info h3{letter-spacing:-.3px;font-size:19px;font-weight:600}.partner-info .p-en{font-family:var(--font-mono);color:var(--silver);letter-spacing:.3px;margin-top:2px;font-size:11px}.partner-info p{color:var(--charcoal);margin-top:8px;font-size:14px;line-height:1.55}.partner-info .p-link{color:var(--blueberry-800);align-items:center;gap:6px;margin-top:10px;font-size:13.5px;font-weight:600;display:inline-flex}.partner-info .p-link svg{width:13px;height:13px;transition:transform .2s}.partner-info .p-link:hover{text-decoration:underline}.partner-info .p-link:hover svg{transform:translate(3px)}.quote-strip{text-align:center;padding:10px 0 96px}.quote-strip .q{letter-spacing:-1px;color:var(--ube-800);max-width:18em;margin:0 auto;font-size:clamp(22px,3vw,32px);font-weight:600}.quote-strip .q .hl{background:linear-gradient(transparent 62%, var(--lemon-400) 62%);padding:0 4px}.quote-strip .q-src{font-family:var(--font-mono);color:var(--silver);margin-top:16px;font-size:12px}.tmp-section{background:var(--slushie-500);border-radius:var(--radius-panel);padding:64px;position:relative;overflow:hidden}.tmp-section:before{content:"";opacity:.16;pointer-events:none;background-image:radial-gradient(#fff 2px,#0000 2px);background-size:26px 26px;position:absolute;inset:0}.tmp-section:after{content:"";background:radial-gradient(circle,#ffffff4d,#0000 70%);border-radius:50%;width:240px;height:240px;position:absolute;top:-70px;left:-70px}.tmp-grid{grid-template-columns:1fr 1.05fr;align-items:center;gap:48px;display:grid;position:relative}@media (width<=860px){.tmp-grid{grid-template-columns:1fr}}.tmp-copy .section-label{color:var(--slushie-800);background:#ffffff8c;border-radius:999px;padding:5px 14px;display:inline-block}.tmp-copy h2{letter-spacing:-1.6px;color:var(--slushie-800);margin-top:18px;font-size:clamp(30px,4vw,44px);font-weight:600}.tmp-copy p{color:#0b4a5c;max-width:26em;margin-top:14px;font-size:16.5px;line-height:1.65}.tmp-copy .btn{margin-top:26px}.tmp-copy .btn-solid:hover{background:var(--ube-800)}.tmp-demo{background:#fff;border-radius:22px;padding:20px;box-shadow:-9px 9px #00000029}.tmp-demo textarea{border:2px dashed var(--slushie-500);width:100%;height:104px;font-size:15px;font-family:var(--font-body);resize:none;color:var(--black);background:#fdfeff;border-radius:14px;outline:none;padding:13px 15px;line-height:1.6;transition:border-color .2s}.tmp-demo textarea:focus{border-style:solid;border-color:var(--ube-500)}.tmp-canvas-wrap{border:1px solid var(--oat-light);border-radius:14px;margin-top:14px;position:relative;overflow:hidden}canvas.tmp-canvas{background:var(--cream);width:100%;height:150px;display:block}.tmp-status{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:14px;display:flex}.mood-chip{background:var(--cream);border:1px solid var(--oat);color:var(--charcoal);border-radius:999px;align-items:center;gap:8px;padding:6px 14px;font-size:13px;font-weight:600;transition:all .3s;display:inline-flex}.mood-chip .mood-dot{background:var(--silver);border-radius:50%;width:9px;height:9px;transition:background .3s,box-shadow .3s}.mood-chip.live{border-color:var(--matcha-500);color:var(--matcha-600)}.mood-chip.live .mood-dot{background:var(--matcha-500);box-shadow:0 0 8px #17b26a99}.tmp-btns{gap:8px;display:flex}.mini-btn{border:1px solid var(--oat);color:var(--charcoal);cursor:pointer;background:#fff;border-radius:10px;padding:7px 14px;font-size:12.5px;font-weight:600;transition:transform .15s,box-shadow .15s,background .15s,color .15s}.mini-btn:hover{transform:translateY(-2px);box-shadow:-3px 3px #0003}.mini-btn.export{background:var(--ube-800);border-color:var(--ube-800);color:#fff}.mini-btn.export:hover{background:var(--ube-500)}.tmp-hint{font-family:var(--font-mono);color:var(--silver);margin-top:12px;font-size:11.5px}.tmp-hint .kbd{color:var(--charcoal);background:var(--cream);border:1px solid var(--oat);border-bottom-width:2px;border-radius:4px;padding:0 5px;font-weight:700}footer{border-top:1px solid var(--oat);background:var(--oat-light);padding:48px 0 56px}.foot-grid{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:32px;display:flex}.foot-brand{letter-spacing:-.3px;font-size:17px;font-weight:700}.foot-brand .mono{font-family:var(--font-mono);color:var(--silver);margin-top:6px;font-size:12.5px;font-weight:400;display:block}.foot-links{flex-wrap:wrap;gap:26px;font-size:14px;font-weight:500;display:flex}.foot-links a{color:var(--charcoal)}.foot-links a:hover{color:var(--ube-800);text-decoration:underline}.status-strip{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:96px;display:grid}@media (width<=860px){.status-strip{grid-template-columns:1fr}}.status-card{border:1px solid var(--oat);box-shadow:var(--shadow-clay);background:#fff;border-radius:18px;align-items:center;gap:16px;padding:18px 22px;transition:transform .22s cubic-bezier(.22,.61,.36,1),box-shadow .22s;display:flex}.status-card:hover{transform:translateY(-4px)rotate(-.5deg);box-shadow:-5px 5px #0000001f}a.status-card{color:inherit;text-decoration:none}.status-dot{border-radius:50%;flex-shrink:0;width:13px;height:13px}.status-dot.online{background:var(--matcha-500);animation:2.2s ease-in-out infinite pulse;box-shadow:0 0 10px #17b26a8c}.status-dot.wip{background:var(--lemon-500);animation:2.6s ease-in-out infinite pulse;box-shadow:0 0 10px #fbbd418c}.status-dot.offline{background:var(--silver)}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.35)}}.status-info{flex:1}.status-name{letter-spacing:-.2px;font-size:15px;font-weight:600}.status-desc{color:var(--silver);margin-top:2px;font-size:12.5px}.status-tag{font-family:var(--font-mono);border-radius:999px;padding:3px 9px;font-size:10.5px;font-weight:700}.status-tag.online{color:var(--matcha-600);background:#e3f8ec}.status-tag.wip{color:#a06b06;background:#fdf3dc}.stat-band{grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:96px;display:grid}@media (width<=860px){.stat-band{grid-template-columns:repeat(2,1fr)}}.stat-cell{border-radius:var(--radius-card);text-align:center;border:1px solid var(--oat);padding:28px 20px;transition:transform .22s cubic-bezier(.22,.61,.36,1),box-shadow .22s}.stat-cell:hover{transform:translateY(-5px)rotate(-1deg);box-shadow:-6px 6px #00000021}.stat-cell .num{letter-spacing:-2px;font-size:44px;font-weight:700;line-height:1}.stat-cell .lbl{opacity:.85;margin-top:10px;font-size:13.5px;font-weight:600}.stat-cell .sub{font-family:var(--font-mono);opacity:.6;margin-top:3px;font-size:11px}.stat-lemon{background:var(--lemon-400);color:#6b4a08}.stat-slushie{background:var(--slushie-400);color:#0b4a5c}.stat-ube{background:var(--ube-300);color:var(--ube-800)}.stat-pome{background:var(--pomegranate-400);color:#7c1d26}.contact-panel{background:var(--ube-800);border-radius:var(--radius-panel);color:#fff;text-align:center;padding:56px 40px;position:relative;overflow:hidden}.contact-panel:before{content:"";opacity:.14;pointer-events:none;background-image:radial-gradient(#fff 2px,#0000 2px);background-size:26px 26px;position:absolute;inset:0}.contact-panel h2{letter-spacing:-1.4px;color:#fff;font-size:clamp(28px,3.6vw,40px);font-weight:600}.contact-panel p{color:var(--ube-300);max-width:34em;margin-top:12px;margin-left:auto;margin-right:auto;font-size:16px;line-height:1.65}.contact-links{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:30px;display:flex;position:relative}.contact-btn{color:var(--ube-800);background:#fff;border-radius:12px;align-items:center;gap:8px;padding:12px 24px;font-size:15px;font-weight:600;transition:transform .18s,box-shadow .18s,background .18s,color .18s;display:inline-flex}.contact-btn:hover{background:var(--lemon-400);color:var(--black);transform:rotate(-2deg)translateY(-3px);box-shadow:-5px 5px #00000059}.contact-btn.ghost{color:#fff;background:0 0;border:1.5px dashed #fff6}.contact-btn.ghost:hover{color:#fff;background:#ffffff1f}.foot-friends{border-top:1px dashed var(--oat);flex-wrap:wrap;align-items:center;gap:10px;margin-top:30px;padding-top:22px;display:flex}.foot-friends .ff-label{font-family:var(--font-mono);color:var(--silver);margin-right:4px;font-size:11px}.ff-link{color:var(--charcoal);border:1px solid var(--oat);background:#fff;border-radius:999px;padding:5px 13px;font-size:12.5px;font-weight:600;transition:transform .15s,box-shadow .15s,background .15s,color .15s}.ff-link:hover{color:var(--ube-800);background:var(--ube-300);border-color:var(--ube-300);transform:translateY(-2px);box-shadow:-3px 3px #00000026}.nf-wrap{text-align:center;padding:120px 0 140px}.nf-emoji{font-size:72px;animation:3.5s ease-in-out infinite float;display:inline-block}.nf-code{letter-spacing:-4px;margin-top:8px;font-size:clamp(64px,10vw,120px);font-weight:700;line-height:1}.nf-code .n4{color:var(--slushie-800)}.nf-code .n0{color:var(--lemon-500)}.nf-title{letter-spacing:-.6px;margin-top:14px;font-size:24px;font-weight:600}.nf-desc{color:var(--charcoal);max-width:26em;margin-top:10px;margin-left:auto;margin-right:auto;font-size:15.5px;line-height:1.65}.gear-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}@media (width<=860px){.gear-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.gear-grid{grid-template-columns:1fr}}.gear-card{border:1px solid var(--oat);border-radius:var(--radius-card);box-shadow:var(--shadow-clay);background:#fff;padding:24px;transition:transform .22s cubic-bezier(.22,.61,.36,1),box-shadow .22s}.gear-card:hover{transform:translateY(-5px)rotate(-.6deg);box-shadow:-6px 6px #0000001f}.gear-card h3{letter-spacing:-.3px;align-items:center;gap:8px;font-size:17px;font-weight:600;display:flex}.gear-card h3 .g-emoji{font-size:20px}.gear-card ul{margin-top:12px;list-style:none}.gear-card li{color:var(--charcoal);border-bottom:1px dashed var(--oat-light);padding:6px 0;font-size:14px;line-height:1.5}.gear-card li:last-child{border-bottom:none}.gear-card li .g-k{color:var(--black);font-weight:600}.server-card{border:1px solid var(--oat);border-radius:var(--radius-card);box-shadow:var(--shadow-clay);background:#fff;align-items:center;gap:24px;padding:30px 34px;transition:transform .22s cubic-bezier(.22,.61,.36,1),box-shadow .22s;display:flex;position:relative;overflow:hidden}.server-card:before{content:"";background:linear-gradient(90deg, var(--matcha-600), var(--lemon-500));height:6px;position:absolute;top:0;left:0;right:0}.server-card:hover{transform:translateY(-6px)rotate(-.4deg);box-shadow:-7px 7px #00000021}.server-logo{background:var(--lemon-400);border:1px solid var(--lemon-500);border-radius:22px;flex-shrink:0;justify-content:center;align-items:center;width:84px;height:84px;font-size:44px;transition:transform .25s cubic-bezier(.34,1.56,.64,1);display:flex}.server-card:hover .server-logo{transform:rotate(-8deg)scale(1.08)}.server-info{flex:1;min-width:0}.server-info h3{letter-spacing:-.5px;font-size:22px;font-weight:600}.server-info .server-desc{color:var(--charcoal);margin-top:6px;font-size:14.5px;line-height:1.6}.server-tags{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.server-side{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:10px;display:flex}.server-status{color:var(--matcha-600);background:#e3f8ec;border-radius:999px;align-items:center;gap:7px;padding:6px 14px;font-size:13px;font-weight:600;display:inline-flex}.server-status .status-dot{width:9px;height:9px}.server-link{color:var(--blueberry-800);align-items:center;gap:5px;font-size:13px;font-weight:600;display:inline-flex}.server-link svg{width:13px;height:13px;transition:transform .2s}.server-card:hover .server-link svg{transform:translate(3px)}@media (width<=640px){.server-card{text-align:left;flex-direction:column;align-items:flex-start}.server-side{flex-direction:row;align-items:center}}.foot-copy{color:var(--silver);font-size:12px;font-family:var(--font-mono);flex-wrap:wrap;justify-content:space-between;gap:16px;margin-top:38px;display:flex}.back-top{color:var(--ube-800);cursor:pointer;font-size:12px;font-weight:600;font-family:var(--font-mono);background:0 0;border:none}.back-top:hover{text-decoration:underline}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.reveal{opacity:1;transform:none}}