:root{--paper:#f4f6ef;--ink:#152018;--muted:#5c6b60;--peak:#17c13b;--peak-bright:#3ee35f;--deep:#0b6b22;--line:#d7ddcf;--card:#ffffff;--d:0.55;}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:"DM Sans",system-ui,sans-serif;font-weight:500;background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;min-height:100dvh;display:flex;flex-direction:column;overflow-x:hidden;}.wrap{width:100%;max-width:1200px;margin:0 auto;padding:clamp(1.1rem,0.8rem + 1.4vw,2rem) clamp(1.1rem,0.6rem + 2vw,2.6rem);flex:1 0 auto;display:flex;flex-direction:column;}header.top{display:flex;align-items:center;gap:0.7rem;}header.top img{width:clamp(40px,8vw,52px);height:clamp(40px,8vw,52px);border-radius:12px;display:block;}.brandline{font-family:"Space Mono",monospace;font-weight:700;font-size:clamp(1rem,0.9rem + 0.5vw,1.2rem);letter-spacing:-0.02em;}.brandline .dot{color:var(--deep)}.status{margin-left:auto;font-family:"Space Mono",monospace;font-size:0.72rem;color:var(--muted);display:inline-flex;align-items:center;gap:0.45rem;border:1px solid var(--line);border-radius:999px;padding:0.3rem 0.65rem;background:var(--card);}.status .ping{width:8px;height:8px;border-radius:50%;background:var(--peak);}main{flex:1 0 auto;display:grid;grid-template-columns:1.05fr 0.95fr;align-items:center;gap:clamp(1.5rem,1rem + 3vw,3.5rem);padding:clamp(1rem,0.5rem + 2vw,2.2rem) 0;}.stage{position:relative;min-height:clamp(300px,46vh,460px);display:flex;align-items:center;justify-content:center;}.glyph{position:absolute;font-family:"Space Mono",monospace;font-weight:700;font-size:clamp(20rem,42vw,34rem);line-height:0.8;color:var(--deep);opacity:0.1;z-index:0;user-select:none;}.board{position:relative;z-index:1;width:min(100%,420px);height:clamp(300px,46vh,460px);}.sig{position:absolute;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:0.85rem 0.95rem;box-shadow:0 10px 20px -14px rgba(11,43,20,0.5);transition:transform .5s cubic-bezier(.22,1,.36,1),opacity .5s ease;will-change:transform,opacity;}.sig .lbl{font-family:"Space Mono",monospace;font-size:0.66rem;text-transform:uppercase;letter-spacing:0.08em;color:var(--muted);display:block;margin-bottom:0.35rem;}.sig .val{font-family:"Space Mono",monospace;font-weight:700;font-size:0.95rem;color:var(--ink);display:flex;align-items:center;gap:0.4rem;}.sig .val b{color:var(--deep);font-weight:700}.bar{margin-top:0.5rem;height:6px;border-radius:999px;background:#eef1e8;overflow:hidden;}.bar i{display:block;height:100%;background:var(--peak);border-radius:999px}.sig1{top:4%;left:2%;width:58%;transform:rotate(-3deg) translateY(calc((1 - var(--d)) * 26px));opacity:calc(0.35 + var(--d) * 0.65)}.sig2{top:22%;right:0;width:54%;transform:rotate(2.5deg) translateY(calc((1 - var(--d)) * 20px))}.sig3{top:46%;left:0;width:60%;transform:rotate(-1.5deg) translateY(calc((1 - var(--d)) * 22px));opacity:calc(0.3 + var(--d) * 0.7)}.sig4{bottom:6%;right:3%;width:52%;transform:rotate(3deg) translateY(calc((1 - var(--d)) * 18px))}.sig5{bottom:0;left:8%;width:46%;transform:rotate(-2deg) translateY(calc(40px - var(--d) * 40px));opacity:var(--d)}.copy{max-width:30rem}.word{font-family:"Space Mono",monospace;font-weight:700;font-size:clamp(2.6rem,1.8rem + 4vw,4.6rem);line-height:0.95;letter-spacing:-0.04em;}.word .tm{color:var(--deep)}.promise{display:block;font-family:"Space Mono",monospace;font-weight:400;font-size:clamp(0.92rem,0.85rem + 0.5vw,1.25rem);color:var(--ink);margin-top:0.8rem;line-height:1.4;}.sub{color:var(--muted);font-size:clamp(0.92rem,0.88rem + 0.2vw,1rem);margin-top:0.7rem;line-height:1.5;}.control{margin-top:1.4rem;border:1px solid var(--line);background:var(--card);border-radius:14px;padding:0.9rem 1rem 1rem;}.control .crow{display:flex;justify-content:space-between;align-items:baseline;font-family:"Space Mono",monospace;font-size:0.72rem;letter-spacing:0.05em;text-transform:uppercase;color:var(--muted);margin-bottom:0.6rem;}.control .crow b{color:var(--deep);font-weight:700}.slider{position:relative;width:100%;height:26px;cursor:pointer;touch-action:none;-webkit-tap-highlight-color:transparent;display:flex;align-items:center;}.slider .track{position:absolute;left:0;right:0;height:8px;border-radius:999px;background:#e6eadf;overflow:hidden;}.slider .fill{height:100%;width:55%;background:var(--peak);border-radius:999px}.slider .thumb{position:absolute;left:55%;top:50%;width:26px;height:26px;border-radius:50%;transform:translate(-50%,-50%);background:var(--card);border:3px solid var(--peak);box-shadow:0 3px 8px -2px rgba(11,43,20,0.4);}.slider:focus-visible{outline:none}.slider:focus-visible .thumb{outline:3px solid var(--deep);outline-offset:2px}.cta{display:inline-flex;align-items:center;justify-content:center;gap:0.55rem;margin-top:1.4rem;width:100%;max-width:24rem;background:var(--deep);color:#fff;text-decoration:none;font-family:"Space Mono",monospace;font-weight:700;font-size:1.05rem;letter-spacing:-0.01em;padding:1.05rem 1.5rem;border-radius:14px;box-shadow:0 16px 30px -14px rgba(11,107,34,0.7);transition:transform .12s ease,box-shadow .12s ease;}.cta:active{transform:translateY(2px);box-shadow:0 8px 18px -12px rgba(11,107,34,0.7)}.cta:focus-visible{outline:3px solid var(--peak);outline-offset:3px}.cta .arw{transition:transform .2s ease}@media (hover: hover) and (pointer: fine){.cta:hover{transform:translateY(-2px)}.cta:hover .arw{transform:translateX(4px)}}.after{margin-top:0.85rem;font-size:0.86rem;color:var(--muted);line-height:1.45;max-width:24rem;}.after b{color:var(--ink);font-weight:500}footer{flex-shrink:0;font-family:"Space Mono",monospace;font-size:0.7rem;color:var(--muted);padding:1rem clamp(1.1rem,0.6rem + 2vw,2.6rem) 1.3rem;border-top:1px solid var(--line);text-align:center;}@media (max-width: 860px){main{grid-template-columns:1fr;gap:0.9rem;padding:0.3rem 0}.stage{order:1;min-height:clamp(230px,34vh,290px)}.copy{order:2;max-width:none}.board{height:clamp(230px,34vh,290px);width:min(100%,420px)}.glyph{font-size:clamp(14rem,60vw,20rem)}.word{font-size:clamp(2.1rem,1.4rem + 4.5vw,3.2rem)}.control{margin-top:1rem;padding:0.75rem 0.9rem 0.85rem}.cta{margin-top:1rem;max-width:none}.after{max-width:none}.sig{padding:0.65rem 0.75rem}.sig .val{font-size:0.86rem}.sig1{top:0;left:0;width:60%}.sig2{top:16%;right:0;width:58%}.sig3{top:40%;left:0;width:62%}.sig4{top:56%;right:0;width:58%}.sig5{bottom:0;left:14%;width:56%}}@media (prefers-reduced-motion: reduce){*{animation:none !important;transition:none !important}}html,body{max-width:100%;overflow-x:clip}