:root{color-scheme:light;--ink:#0b1520;--muted:#40546d;--accent:#0865ff;--line:#cfd9e3;--edge:5%;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",sans-serif;font-synthesis:none}
*{box-sizing:border-box}
html,body{margin:0;min-width:320px;background:#fafcfe}
body[data-site="tools"]{--accent:#00a995;--muted:#3e6664}
a{color:inherit;text-decoration:none}
a:focus-visible{outline:2px solid var(--accent);outline-offset:7px;border-radius:2px}
.page{position:relative;isolation:isolate;min-height:620px;height:100svh;overflow:hidden;background:#fafcfe}
.scene{position:absolute;inset:0;z-index:-1;pointer-events:none}
.scene img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center;transform:translateY(2.5%)}
body[data-site="tools"] .scene img{transform:translateY(4.5%)}
.header{position:relative;display:flex;align-items:flex-start;justify-content:space-between;padding:27px var(--edge) 0;gap:24px;z-index:2}
.brand{display:inline-flex;flex-direction:column;align-items:flex-start;gap:10px}
.wordmark{font-size:clamp(26px,2.65vw,50px);font-weight:700;letter-spacing:-.065em;line-height:1.05}
.brand-caption{display:flex;align-items:center;gap:24px;font-size:13px;letter-spacing:.08em;color:var(--muted);line-height:1.5}
.brand-caption:before{content:"";width:29px;height:1px;background:var(--accent)}
.sister-link{display:flex;align-items:center;gap:22px;padding:8px 0;color:#344c65;font-size:15px;line-height:1.5;transition:color .18s}
.sister-link svg{fill:none;stroke:currentColor;stroke-width:1.35;transition:transform .18s}
.sister-link:hover{color:var(--accent)}
.sister-link:hover svg{transform:translateX(4px)}
.hero{position:absolute;top:14.8%;left:0;width:100%;text-align:center;padding:0 24px}
h1{margin:0;color:var(--ink);font-size:clamp(60px,6.5vw,140px);line-height:1.055;font-weight:800;letter-spacing:-.055em}
.first-line{display:inline-block;transform:translateX(-.25em)}
.last-line{position:relative;display:inline-block;transform:translateX(.18em)}
body[data-site="tools"] .first-line{transform:translateX(.08em)}
body[data-site="tools"] .last-line{transform:translateX(.55em)}
body[data-site="tools"] .spark{right:.56em}
.spark{position:absolute;width:.47em;height:.47em;right:.36em;top:-.52em;fill:var(--accent)}
.description{font-size:clamp(17px,1.65vw,32px);color:#415269;line-height:1.7;margin:clamp(17px,1.5vw,30px) 0 0;letter-spacing:.025em}
.status{color:var(--accent);font-size:clamp(14px,1.25vw,20px);letter-spacing:.04em;line-height:1.7;margin:18px 0 0}
.status:after{content:"";display:block;width:40px;height:1px;background:var(--accent);margin:17px auto 0}
.side-note{position:absolute;top:62%;right:6.5%;margin:0;color:#718299;font-size:clamp(11px,1vw,17px);font-weight:400;line-height:1.9;letter-spacing:.45em}
.side-note:after{content:"";display:block;width:28px;height:1px;background:#8290a1;margin-top:20px}
.footer{position:absolute;bottom:0;left:3.6%;right:3.6%;min-height:clamp(44px,3.9vw,74px);border-top:1px solid var(--line);display:flex;align-items:center;justify-content:center;text-align:center;padding:9px 0 13px;font-size:clamp(12px,1vw,16px);line-height:1.6;color:#43556c}
.footer a:hover{color:var(--accent);text-decoration:underline;text-underline-offset:4px}
body[data-site="tools"] .hero{top:13.2%}
body[data-site="tools"] .side-note{left:5.8%;right:auto;top:58%}
@media(min-width:1600px){.header{padding-top:40px}.hero{top:15%}.description{margin-top:28px}.status{margin-top:23px}}
@media(max-width:700px){
  :root{--edge:6%}
  .page{min-height:740px;max-height:1050px}
  .header{padding-top:27px;gap:12px}
  .wordmark{font-size:27px}
  .brand-caption{font-size:11px;gap:12px}
  .brand-caption:before{width:20px}
  .sister-link{font-size:12px;gap:8px;padding-top:4px}
  .sister-link svg{width:20px}
  .hero,body[data-site="tools"] .hero{top:20%;padding:0 16px}
  .first-line,.last-line,body[data-site="tools"] .first-line,body[data-site="tools"] .last-line{transform:none}
  h1{font-size:clamp(43px,10.6vw,68px);letter-spacing:-.06em;line-height:1.15}
  .description{font-size:15px;letter-spacing:0;margin-top:22px}
  .status{font-size:13px;margin-top:18px}
  .status:after{margin-top:14px;width:30px}
  .scene{inset:auto 0 75px;height:auto;aspect-ratio:1.6}
  .scene img,body[data-site="tools"] .scene img{object-fit:contain;transform:none}

  .side-note,body[data-site="tools"] .side-note{display:none}
  .footer{left:6%;right:6%;min-height:55px;font-size:11px;padding:13px 0 18px}
}
@media(max-width:360px){.sister-link{font-size:11px}.sister-link svg{display:none}.wordmark{font-size:25px}.page{min-height:700px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important}}