:root{color-scheme:light;--paper:#f7f6f2;--ink:#292d29;--muted:#777b73;--line:#e2e2d9;--orange:#ed6b2f;--purple:#78609d;--brick:#a15848;font-family:Inter,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}button,svg{flex-shrink:0}svg{display:block}button:focus-visible,a:focus-visible{outline:3px solid var(--orange);outline-offset:5px}[hidden]{display:none!important}.page-shell{max-width:1120px;margin:0 auto;padding:0 48px}.site-header{height:120px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px}.brand-icon{border-radius:12px}.brand-name{font-size:24px;font-weight:750;letter-spacing:-1px;line-height:1.1}.brand-name>span{font-weight:400}.brand-name small{display:block;margin-top:7px;color:var(--muted);font-size:8px;font-weight:500;letter-spacing:2px}.hero{display:grid;grid-template-columns:1.45fr 1fr;align-items:center;gap:32px;padding:68px 0 66px}.eyebrow{font-family:"Segoe UI",sans-serif;font-size:9px;letter-spacing:1.9px;font-weight:600;color:#6c7568;display:flex;align-items:center;gap:8px;margin:0 0 24px}.eyebrow>span{width:6px;height:6px;background:var(--orange);border-radius:50%}h1{font-size:60px;line-height:1.4;letter-spacing:-2.5px;font-weight:700;margin:0 0 22px}.universe-word{position:relative;color:var(--orange);white-space:nowrap}.universe-word>svg{position:absolute;width:100%;height:9px;bottom:-7px;left:0;fill:none;stroke:#ed6b2f;stroke-width:3;stroke-linecap:round}.hero-description{font-size:14px;line-height:1.9;letter-spacing:.3px;color:var(--muted);margin:0}.universe-art{width:100%;max-width:330px;justify-self:end;padding-top:5px}.universe-art>svg{width:100%;height:auto}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}h2{margin:0}.section-heading h2{display:flex;align-items:center;gap:14px;font-size:16px;font-weight:650;letter-spacing:.3px}.section-heading h2>span{font-size:9px;letter-spacing:1.6px;color:#8a8e84;font-weight:500}.project-count{font-size:10px;color:#6f7669;letter-spacing:1px;font-variant-numeric:tabular-nums}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.project-card{border:1px solid #e1e1d8;background:#fffefa;border-radius:18px;padding:28px 28px 0;transition:transform .2s,border-color .2s,box-shadow .2s;overflow:hidden}.project-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px #2e36280a}.rock-card:hover{border-color:#b2a0c7}.billing-card:hover{border-color:#c49a8c}.card-top{display:flex;align-items:center;gap:12px}.project-icon{width:52px;height:52px;border-radius:14px;display:grid;place-items:center}.project-icon svg{width:34px;height:34px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.rock-icon{color:var(--purple);background:#efebf5}.billing-icon{color:var(--brick);background:#f6eae4}.category{font-size:11px;letter-spacing:.7px;color:#737b6e}.external-arrow{width:19px;height:19px;margin-left:auto;fill:none;stroke:#91968a;stroke-width:1.3;transition:transform .2s}.project-card:hover .external-arrow{transform:translate(2px,-2px);stroke:var(--ink)}.card-body{padding:27px 0 30px}.card-body h3{font-family:Inter,"Segoe UI",sans-serif;font-size:28px;font-weight:600;letter-spacing:-.8px;margin:0 0 14px}.card-subtitle{font-size:14px;line-height:1.7;margin:0 0 7px;color:#535a4f}.card-bottom{min-height:62px;border-top:1px solid #ecece4;display:flex;align-items:center;justify-content:space-between;gap:8px}.project-address{display:flex;align-items:center;gap:7px;font-family:Consolas,"SFMono-Regular",monospace;font-size:10px;color:#747c6d;letter-spacing:-.2px}.address-dot{width:4px;height:4px;background:currentColor;border-radius:50%;opacity:.6}.enter-project{font-size:11px;display:flex;align-items:center;gap:9px;white-space:nowrap;font-weight:600}.rock-card .enter-project{color:var(--purple)}.billing-card .enter-project{color:var(--brick)}.enter-project>span{font-size:18px;font-weight:400}.desktop-note{display:flex;align-items:center;gap:16px;background:#efefe7;border:1px solid #e5e5da;border-radius:12px;padding:19px 24px;margin-top:30px}.note-star{color:var(--orange);font-size:27px;line-height:1}.desktop-note p{margin:0;font-size:12px;color:#59614f;line-height:1.7}.desktop-note p>span{margin-left:12px;color:#8a8f7e;font-size:11px}.desktop-note button{border:0;background:none;margin-left:auto;padding:10px 0 10px 10px;min-height:42px;color:#5e684f;font-size:11px;white-space:nowrap}.desktop-note button>span{margin-left:10px}.site-footer{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:60px;border-top:1px solid var(--line);padding:24px 0 30px;color:#8d9186;font-size:10px}.footer-dot{margin:0 10px;color:#b0b4a7}.footer-signature{display:flex;align-items:center;gap:10px;font-size:8px;letter-spacing:1.2px}.footer-signature svg{width:12px;height:12px;fill:var(--orange)}.offline-notice{font-size:12px;line-height:1.8;background:#fbe9d9;color:#87411d;border-radius:8px;padding:12px 16px;margin:0 0 20px}.skip-link{position:fixed;top:-100px;left:20px;padding:12px 20px;background:var(--ink);color:white;z-index:20}.skip-link:focus{top:10px}dialog{color:var(--ink);background:#fffefa;width:min(460px,calc(100% - 32px));max-height:calc(100dvh - 48px);border:1px solid #e0dfd6;border-radius:22px;padding:36px;box-shadow:0 24px 80px #2527192b}dialog::backdrop{background:#2b2f244f;backdrop-filter:blur(5px)}.dialog-close{position:absolute;right:12px;top:12px;width:36px;height:36px;border:0;background:#f0f0e9;border-radius:50%;font-size:23px;color:#717768}.dialog-icon{border-radius:17px;margin-bottom:24px}.dialog-eyebrow{font-size:8px;letter-spacing:1.4px;margin-bottom:12px}dialog h2{font-size:24px;letter-spacing:-.7px}#install-description{font-size:12px;line-height:1.8;color:var(--muted);margin:12px 0 20px}.install-instructions p{border-top:1px solid #e9e9df;padding:16px 0 0;margin:16px 0 0;font-size:12px;line-height:1.8}.install-instructions strong{display:block;font-size:12px;font-weight:650;margin-bottom:4px}.install-instructions span{color:var(--muted)}.dialog-footnote{font-size:10px;line-height:1.8;color:#94998b;margin:20px 0 0}.primary-button{border:0;background:var(--orange);color:white;border-radius:9px;padding:12px 20px;width:100%;font-weight:600;font-size:13px;min-height:44px}.primary-button:disabled{opacity:.6;cursor:wait}.install-feedback{font-size:12px;line-height:1.8;color:#805735}.install-feedback:empty{display:none}
@media(min-width:1400px){.page-shell{padding-top:16px}.hero{padding:78px 0}.site-header{height:120px}}
@media(max-width:900px){.page-shell{padding:0 30px}.hero{gap:10px;padding:60px 0}h1{font-size:48px}.eyebrow{font-size:8px;letter-spacing:1.2px}.project-card{padding:23px 22px 0}.project-grid{gap:18px}.card-body h3{font-size:25px}.project-address{font-size:9px}.desktop-note p>span{display:block;margin-left:0}.footer-signature{font-size:7px;letter-spacing:.6px}}
@media(max-width:650px){
  .page-shell{padding:0 max(18px,env(safe-area-inset-left)) 0 max(18px,env(safe-area-inset-right))}
  .site-header{height:58px}
  .brand{gap:9px}
  .brand-icon{width:30px;height:30px;border-radius:9px}
  .brand-name{font-size:20px}
  .brand-name small{font-size:6px;letter-spacing:1.2px;margin-top:4px}
  .hero{grid-template-columns:minmax(0,1fr) 86px;gap:8px;padding:20px 0 22px}
  h1{font-size:30px;line-height:1.35;letter-spacing:-1px;margin-bottom:8px;white-space:nowrap}
  .universe-word>svg{height:6px;bottom:-4px}
  .hero-description{font-size:12px;line-height:1.7;letter-spacing:0}
  .universe-art{position:static;width:86px;padding:0;opacity:.85}
  .universe-art text{display:none}
  .section-heading{margin-bottom:12px}
  .section-heading h2{font-size:13px;gap:10px}
  .section-heading h2>span{font-size:7px;letter-spacing:1px}
  .project-count{font-size:9px;letter-spacing:.4px}
  .project-grid{grid-template-columns:1fr;gap:12px}
  .project-card{display:grid;grid-template-columns:38px minmax(0,1fr);column-gap:12px;padding:16px 16px 0;border-radius:14px}
  .project-card:hover{transform:none}
  .card-top{grid-column:1;grid-row:1;align-items:flex-start}
  .project-icon{width:38px;height:38px;border-radius:11px}
  .project-icon svg{width:27px;height:27px}
  .category,.external-arrow{display:none}
  .card-body{grid-column:2;grid-row:1;padding:0 0 13px}
  .card-body h3{font-size:22px;line-height:1.25;letter-spacing:-.5px;margin:0 0 5px}
  .card-subtitle{font-size:11px;line-height:1.6;margin:0}
  .card-bottom{grid-column:1/-1;min-height:42px}
  .project-address{font-size:10px;gap:5px}
  .enter-project{font-size:11px;gap:7px}
  .enter-project>span{font-size:16px}
  .desktop-note{margin-top:12px;padding:4px 12px;gap:9px;border-radius:10px;align-items:center}
  .note-star{font-size:18px}
  .desktop-note p{font-size:10px;line-height:1.6}
  .desktop-note button{position:static;padding:9px 0 9px 8px;font-size:10px;min-height:36px}
  .desktop-note button>span{margin-left:5px}
  .site-footer{flex-direction:row;align-items:center;gap:0;padding:12px 0 max(14px,env(safe-area-inset-bottom));margin-top:14px;font-size:9px}
  .footer-signature{display:none}
  .footer-dot{margin:0 7px}
  .offline-notice{font-size:11px;padding:7px 10px;margin-bottom:10px}
  dialog{padding:30px 24px}
  dialog h2{font-size:22px}
}
@media(max-width:355px){
  .hero{grid-template-columns:minmax(0,1fr) 70px}
  h1{font-size:28px}
  .universe-art{width:70px}
  .project-address{font-size:9px}
  .project-card{padding:14px 14px 0;column-gap:10px}
  .card-body h3{font-size:21px}
  .desktop-note{padding-left:10px;padding-right:10px;gap:7px}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}}