:root{--ink:#263429;--muted:#748071;--line:#dce0d4;--paper:#f5f5ef;--lime:#c6e86b;--green:#344b36}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif;-webkit-font-smoothing:antialiased}.shell{max-width:1280px;margin:auto;padding:0 64px}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #759a37;outline-offset:5px}header{height:116px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;font-size:27px;font-weight:750;letter-spacing:-1.2px;gap:10px}.logo{font-size:39px;color:#536c33;line-height:1}.brand-dot{color:#90b245;margin-left:-9px}.site-label{font-size:11px;letter-spacing:2px;font-weight:500}.slash{margin:0 16px;color:#a7ae9f}.hero{display:grid;grid-template-columns:1.08fr 1fr;gap:48px;align-items:center;padding:80px 0 76px}.eyebrow{font-size:10px;letter-spacing:1.5px;font-weight:650;display:flex;align-items:center;gap:9px}.tiny-dot{width:6px;height:6px;border-radius:50%;background:#719746}h1{font-size:clamp(42px,4.8vw,66px);font-weight:650;letter-spacing:-2.5px;line-height:1.34;margin:28px 0 23px}.underline{position:relative;white-space:nowrap;z-index:0}.underline:after{content:"";position:absolute;bottom:4px;height:14px;left:0;right:4px;background:var(--lime);z-index:-1;transform:rotate(-2deg)}.intro{font-size:14px;line-height:2;color:#6a7567;margin:0 0 30px}.primary-link{display:inline-flex;align-items:center;gap:40px;padding:16px 22px;background:var(--ink);color:white;border-radius:7px;font-size:13px;transition:transform .2s}.primary-link:hover{transform:translateY(-2px)}.primary-link span{font-size:20px;line-height:1}.hero-note{display:flex;align-items:center;gap:9px;font-size:8px;letter-spacing:1.1px;color:#929a8c;margin-top:39px}.note-line{width:20px;height:1px;background:#a4ae9a}.art{height:402px;border:1px solid #dce2d1;border-radius:160px 160px 16px 16px;background:#e9eddf;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center}.art-grid{position:absolute;inset:0;background-image:linear-gradient(#d9dfce88 1px,transparent 1px),linear-gradient(90deg,#d9dfce88 1px,transparent 1px);background-size:36px 36px;mask-image:linear-gradient(transparent,#000 70%)}.art-caption{position:absolute;top:37px;left:0;right:0;text-align:center;font-size:9px;letter-spacing:3px;color:#7e8c72}.seed{height:202px;width:181px;background:var(--lime);border-radius:88px 88px 71px 71px;transform:rotate(-16deg);position:relative;box-shadow:inset -13px -10px 0 #aacd55,8px 23px 35px #718d4a24;display:flex;align-items:center;justify-content:center;z-index:2}.seed span{font-family:Georgia,serif;font-size:133px;line-height:1;color:#3e5930;transform:rotate(16deg);margin-top:-9px}.seed i{position:absolute;width:13px;height:13px;background:#f1ffc9;border-radius:50%;top:24px;right:35px}.orbit{position:absolute;border:1px solid #a4b894;border-radius:50%;width:350px;height:138px;transform:rotate(-27deg);top:134px;z-index:3;pointer-events:none}.orbit-one{clip-path:polygon(0 44%,100% 44%,100% 100%,0 100%)}.orbit-two{transform:rotate(57deg);z-index:1;border-style:dashed;opacity:.6}.floating-tag{position:absolute;z-index:4;font-size:10px;padding:9px 14px;background:#fffdf6;border:1px solid #d5ddca;border-radius:5px;box-shadow:0 5px 12px #233c1110}.tag-one{top:105px;right:34px;transform:rotate(9deg)}.tag-two{bottom:80px;left:30px;transform:rotate(-7deg);font-family:monospace}.art-coord{position:absolute;bottom:24px;left:26px;font:9px monospace;letter-spacing:2px;color:#87967b}.art-star{position:absolute;right:29px;bottom:23px;font-size:30px;color:#7f9669}.section-heading{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:28px;margin-bottom:23px}.quiet{font-size:11px;color:#8a9384}.cards{display:grid;grid-template-columns:1.7fr 1fr;gap:22px}.hello-card,.status-card{border:1px solid var(--line);border-radius:12px;padding:29px 30px}.hello-card{background:#fcfcf8}.card-title{display:flex;justify-content:space-between;align-items:center}.card-title h2{margin:0;font-size:23px;font-weight:600;letter-spacing:-.7px}.card-title>span{color:#8a9c79;font-size:24px}.hello-card>p{font-size:12px;color:var(--muted);margin:12px 0 23px}form{display:flex;gap:9px}input{min-width:0;flex:1;background:white;border:1px solid #d9dfd2;border-radius:6px;padding:13px 14px;color:var(--ink);font-size:12px}input::placeholder{color:#9aa393}form button{border:0;border-radius:6px;background:var(--lime);padding:0 17px;font-size:12px;font-weight:600;color:var(--ink);white-space:nowrap}form button span{margin-left:15px}.reply{border:1px dashed #dbe0d1;border-radius:6px;padding:15px;margin-top:16px;color:#9aa18e;font-size:12px;line-height:1.7;min-height:52px;overflow-wrap:anywhere}.reply.received{background:#edf4df;color:#435b34;border-color:#bfd396}.privacy-note{display:block;font-size:10px;color:#9aa393;margin-top:13px}.status-card{background:#eaf0df}.status-top{display:flex;justify-content:space-between;align-items:center}.status-top .eyebrow{font-size:9px;color:#637855}.pulse{display:block;width:7px;height:7px;border-radius:50%;background:#78a249;box-shadow:0 0 0 4px #78a24918}.pulse.offline{background:#ba764e}.status-value{font-size:32px;font-weight:600;letter-spacing:-1px;margin-top:23px}.status-card>p{font-size:11px;color:#819076;margin:9px 0 23px}.status-details{border-top:1px solid #d2ddc6;padding-top:17px;display:flex;gap:31px}.status-details div{display:flex;flex-direction:column;gap:8px;font-size:10px;color:#829076}.status-details strong{font-family:monospace;font-size:14px;font-weight:500;color:#43533a}.refresh{display:flex;justify-content:space-between;width:100%;padding:17px 0 0;margin-top:17px;border:0;border-top:1px solid #d2ddc6;background:transparent;color:#667956;font-size:10px}.refresh span{font-size:16px;line-height:1}.closing{margin:60px 0 42px;display:flex;align-items:center;gap:13px}.closing>span:first-child{font-size:25px;color:#9baa89}.closing p{font-size:13px;color:#7d8974;letter-spacing:1px}.closing-en{margin-left:auto;font-size:8px;letter-spacing:1.4px;color:#a2aa99}footer{border-top:1px solid var(--line);padding:25px 0 32px;display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#929b88}.stack{font-family:monospace}.stack b{font-weight:400;margin:0 8px;color:#b3bca8}footer a{color:#708264}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(min-width:1450px){.shell{max-width:1320px}.hero{padding-top:95px;padding-bottom:90px}.art{height:425px}}@media(max-width:900px){.shell{padding:0 32px}.hero{gap:26px;padding-top:55px}.art{height:340px}.seed{height:170px;width:153px}.seed span{font-size:110px}.orbit{width:285px;height:115px;top:115px}.tag-one{right:14px;top:84px}.tag-two{left:12px;bottom:65px}h1{font-size:47px}.cards{grid-template-columns:1.45fr 1fr;gap:16px}.hello-card,.status-card{padding:24px}.status-details{gap:20px}.desktop-break{display:none}}@media(max-width:640px){.shell{padding:0 23px}header{height:84px}.brand{font-size:24px}.logo{font-size:33px}.site-label{font-size:9px;letter-spacing:1px}.slash{margin:0 7px}.hero{grid-template-columns:1fr;padding:43px 0 35px;gap:35px}h1{font-size:48px;margin-top:23px;line-height:1.3}.hero-copy .eyebrow{font-size:9px}.intro{font-size:13px}.hero-note{margin-top:26px}.art{height:295px;border-radius:120px 120px 12px 12px}.art-caption{top:25px}.seed{height:163px;width:147px}.seed span{font-size:105px}.orbit{top:95px;width:290px}.tag-one{top:77px;right:33px}.tag-two{left:26px;bottom:56px}.section-heading{align-items:flex-start;gap:15px}.quiet{font-size:10px;max-width:130px;text-align:right;line-height:1.6}.cards{grid-template-columns:1fr}.hello-card,.status-card{padding:24px}.card-title h2{font-size:22px}form button{padding:0 12px}form button span{margin-left:7px}.status-value{font-size:30px;margin-top:20px}.status-details{gap:60px}.closing{margin:35px 0 25px}.closing p{font-size:11px}.closing-en{display:none}footer{flex-wrap:wrap;gap:17px;font-size:9px}.stack{order:3;width:100%}footer a{margin-left:auto}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}