/* Warm illustrated landing. Variance 7 / motion 3 / density 3.
   Rounded panels: 24px; controls: pill. Native CSS, no framework dependencies. */
@media(max-width:767px){.hero h1 span{display:block;white-space:nowrap}}
:root{color-scheme:light dark;--paper:#faf3e8;--surface:#fffcf7;--ink:#302721;--muted:#665950;--line:#d7c7b6;--accent:#b83d23;--tint:#f9dfca;--shadow:#443426}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.7 "PingFang SC","Microsoft YaHei",system-ui,sans-serif}a{color:inherit;text-underline-offset:5px}button,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}button:active,.button:active{transform:translateY(2px)}:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.skip{position:absolute;left:20px;top:-100px}.skip:focus{top:10px;z-index:4;background:var(--surface);padding:12px}header{max-width:1280px;margin:auto;height:84px;padding:0 40px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-weight:850;font-size:23px;letter-spacing:-1px;text-decoration:none;display:flex;align-items:center;gap:10px;white-space:nowrap}.brand-cn{font-size:13px;letter-spacing:1px;font-weight:500}.brand-mark{background:var(--accent);color:#fff7ed;border-radius:45% 55% 35% 65%;width:36px;height:34px;font-size:20px;display:grid;place-items:center;transform:rotate(-8deg)}nav{display:flex;align-items:center;gap:30px}nav a{text-decoration:none;font-size:14px;font-weight:650}main>section{max-width:1200px;margin:auto;padding:88px 0}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(42px,5.3vw,68px);letter-spacing:-3px;line-height:1.2;margin-bottom:24px}h1 span{color:var(--accent)}h2{font-size:clamp(28px,3.2vw,40px);line-height:1.35;letter-spacing:-1.5px;margin-bottom:28px}h3{font-size:20px;line-height:1.4;margin-bottom:10px}p{color:var(--muted)}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:32px;align-items:center;padding:45px 0 56px}.eyebrow{color:var(--accent);font-size:13px;letter-spacing:2px;font-weight:700;margin-bottom:22px}.intro{font-size:17px;line-height:1.9;margin-bottom:32px}.actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;border:2px solid var(--ink);border-radius:999px;text-decoration:none;padding:13px 24px;background:var(--surface);color:var(--ink);font-weight:700;transition:transform .15s,background .15s;box-shadow:3px 3px 0 var(--shadow)}.button:hover{background:var(--tint)}.button.primary{background:var(--accent);color:#fff9f0}.button.primary:hover{filter:brightness(.93)}.small{padding:8px 18px;box-shadow:2px 2px 0 var(--shadow)}.text-link{border:0;background:none;padding:0;font-weight:650;color:var(--ink);text-decoration:underline;text-underline-offset:5px}figure{margin:0;transform:rotate(2deg)}figure img{width:100%;height:auto;display:block;border-radius:38% 42% 25% 25%;mix-blend-mode:multiply}figcaption{text-align:center;font-size:13px;color:var(--muted);padding:14px}.notice{max-width:1200px;margin:0 auto;display:flex;gap:22px;padding:20px 0;border-block:1px solid var(--line);font-size:13px;color:var(--muted)}.notice strong{white-space:nowrap;color:var(--ink)}.how{display:grid;grid-template-columns:.85fr 1.15fr;gap:100px}.how ol{list-style:none;margin:0;padding:0}.how li{display:flex;gap:24px;padding:0 0 25px;margin:0 0 25px;border-bottom:1px solid var(--line)}.how li:last-child{margin-bottom:0;padding-bottom:0;border:0}.how li>span{color:var(--accent);font-size:15px;font-weight:800}.how p{margin:0;font-size:15px;max-width:36em}.demo-section{display:grid;grid-template-columns:1fr 1.05fr;gap:70px;border-top:1px solid var(--line)}.demo-heading>p:not(.eyebrow){max-width:29em}.demo{background:var(--surface);border:2px solid var(--ink);border-radius:24px;box-shadow:8px 8px 0 var(--shadow);padding:28px;min-height:410px}.demo-top{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:24px}.demo-top span{font-size:12px;color:var(--accent)}.demo dl{display:grid;grid-template-columns:90px 1fr;gap:10px;margin:16px 0 24px}.demo dt{color:var(--muted)}.demo dd{margin:0;font-weight:600}.demo p{font-size:14px}.demo h3{font-size:25px}.demo-actions{display:flex;flex-wrap:wrap;gap:12px}.demo-actions button{font-size:14px;padding:10px 16px}.demo input{accent-color:var(--accent);width:18px;height:18px;margin-right:10px}.consent{display:flex;align-items:flex-start;margin-bottom:22px;font-size:14px}.status-row{display:flex;gap:12px;margin:20px 0}.status-row span{flex:1;background:var(--tint);padding:12px;border-radius:12px;font-size:14px}.privacy{border-top:1px solid var(--line)}.privacy>div{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:42px;margin-top:40px}.privacy article{padding-left:22px;border-left:3px solid var(--accent)}.privacy p{font-size:15px;margin:0}.start{text-align:center;border-top:1px solid var(--line)}.install{max-width:820px;margin:35px auto 0;padding:32px;background:var(--surface);border:2px solid var(--ink);border-radius:24px;box-shadow:7px 7px 0 var(--shadow);text-align:left}.host-tabs{display:flex;gap:12px;margin-bottom:22px}.host-tabs button{border:1px solid var(--line);border-radius:999px;background:var(--paper);color:var(--ink);padding:9px 22px;font-weight:700}.host-tabs button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}#host-note{font-size:14px}label[for=install-prompt]{display:block;font-size:13px;font-weight:700;margin-bottom:10px}textarea{resize:vertical;width:100%;min-height:140px;background:var(--paper);border:1px solid var(--line);border-radius:12px;color:var(--ink);padding:16px;line-height:1.8;font-size:14px;margin-bottom:20px}.install .actions>a{font-size:14px}#copy-status{min-height:24px;margin:14px 0 0;font-size:13px}.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:20px 0}details:first-child{padding-top:0}summary{cursor:pointer;font-weight:650}details p{font-size:14px;margin:16px 0 0}footer{max-width:1200px;margin:auto;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;padding:35px 0;font-size:13px}footer p{margin:0}.legal{max-width:760px;padding:50px 24px;margin:auto}.legal p{line-height:1.9}
@media(max-width:1280px){main>section,.notice,footer{margin-left:40px;margin-right:40px}}@media(max-width:900px){header{padding:0 24px}.brand-cn{display:none}.hero{gap:20px}h1{font-size:46px}.how,.demo-section,.faq{gap:35px}.privacy>div{gap:24px}.install .actions{gap:18px}.intro br{display:none}}@media(max-width:767px){header{height:72px;padding:0 20px}.brand{font-size:20px}nav{gap:16px}nav>a:not(.button){display:none}main>section{margin:0 22px;padding:52px 0}.hero{grid-template-columns:1fr;gap:32px}.hero h1{font-size:48px;letter-spacing:-2px}.hero figure{max-width:420px;margin:auto;width:100%}.intro{font-size:16px}.hero .actions{gap:20px}.eyebrow{font-size:12px}.notice{margin:0 22px;display:block}.notice strong{display:block;margin-bottom:6px}.how,.demo-section,.faq{grid-template-columns:1fr;gap:28px}.privacy>div{grid-template-columns:1fr;gap:28px}.demo{padding:22px;box-shadow:5px 5px 0 var(--shadow);min-height:400px}.demo-heading h2 br,.how h2 br{display:none}.install{padding:22px}.install .actions{align-items:flex-start;gap:18px}.start{text-align:left}textarea{min-height:185px}footer{margin:0 22px;flex-wrap:wrap}footer p{display:none}.host-tabs button{flex:1;padding:10px}.status-row{flex-direction:column}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}@media(prefers-color-scheme:dark){:root{--paper:#27231f;--surface:#332d27;--ink:#f7ecdc;--muted:#d1c0af;--line:#625346;--accent:#f19472;--tint:#4a372c;--shadow:#15110e}.button.primary{color:#2d211c}figure img{mix-blend-mode:normal}.brand-mark{color:#2d211c}}