body.lp { --paper:#f2f1ec; --ink:#121314; --body:#3f4043; --mute:#686966; --line:#dedcd3; --card:#fff; --panel:#121314; --panel-fg:#fff; --panel-2:#1b1c1e; --panel-mute:#a3a5a2; --dot:rgba(18,19,20,.12);
  --red:#d9141c; --red-text:#d9141c; --red-glow:rgba(229,23,31,.55); --tape:#f3e5b1; --tape-fg:#4a3e12; --out:#9a4f3a; --pill-bg:#121314; --pill-fg:#fff;
  --display:"Instrument Serif","Songti SC","Noto Serif SC",Georgia,serif; --sans:"Host Grotesk",system-ui,-apple-system,"PingFang SC","Noto Sans SC",sans-serif; --mono:"Geist Mono",ui-monospace,Menlo,"PingFang SC",monospace; --hand:"Gochi Hand","Comic Sans MS",cursive; }
@media (prefers-color-scheme: dark) { :root:not([data-theme=light]) body.lp { --paper:#141517; --ink:#f2f1ec; --body:#c9c8c2; --mute:#9a9b97; --line:#2c2d30; --card:#1d1e20; --panel:#0a0b0c; --panel-fg:#f2f1ec; --panel-2:#17181a; --panel-mute:#9a9c9a; --dot:rgba(242,241,236,.1); --red-text:#ff6a70; --out:#dca08a; --pill-bg:#f2f1ec; --pill-fg:#121314; } }
:root[data-theme=dark] body.lp { --paper:#141517; --ink:#f2f1ec; --body:#c9c8c2; --mute:#9a9b97; --line:#2c2d30; --card:#1d1e20; --panel:#0a0b0c; --panel-fg:#f2f1ec; --panel-2:#17181a; --panel-mute:#9a9c9a; --dot:rgba(242,241,236,.1); --red-text:#ff6a70; --out:#dca08a; --pill-bg:#f2f1ec; --pill-fg:#121314; }
body.lp { display:block; min-height:0; margin:0; background:var(--paper) radial-gradient(var(--dot) .9px, transparent 1px); background-size:22px 22px; color:var(--ink); font:400 16px/26px var(--sans); font-feature-settings:"tnum" 1; overflow-x:hidden; }
.lp main { display:block; padding:0; max-width:none; width:auto; }
.lp main > * { grid-column:auto; }
.lp a { color:inherit; text-decoration:none; }
.lp h1, .lp h2, .lp h3, .lp p { margin:0; }
.lp .wrap { max-width:1200px; margin:0 auto; padding:0 40px; }
.lp :focus-visible { outline:2px solid var(--red-text); outline-offset:3px; border-radius:6px; }
.lp ::selection { background:var(--red); color:#fff; }

.lp .nav { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:22px 0; }
.lp .brand { display:flex; align-items:center; gap:8px; font:600 18px var(--sans); letter-spacing:-.01em; }
.lp .brand img { width:28px; height:28px; border-radius:7px; }
.lp .links { display:flex; gap:30px; color:var(--body); font-size:15px; } .lp .links a:hover { color:var(--ink); }
.lp .tools { display:flex; align-items:center; gap:12px; font:500 13px var(--mono); color:var(--body); }
.lp .tools .icon-btn { width:36px !important; height:36px !important; border-radius:999px !important; border:1px solid var(--line) !important; background:transparent !important; color:var(--ink) !important; }
.lp .pill { display:inline-flex; align-items:center; justify-content:center; gap:8px; height:44px; padding:0 21px; border-radius:999px; border:0; font:500 14px var(--mono); letter-spacing:-.02em; background:var(--pill-bg); color:var(--pill-fg); box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 10px 24px -12px rgba(0,0,0,.6); cursor:pointer; white-space:nowrap; }
.lp .pill.red { background:var(--red); color:#fff; box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 10px 24px -10px var(--red-glow); }
.lp .pill.ghost { background:var(--card); color:var(--ink); box-shadow:inset 0 0 0 1px var(--line); }

.lp .hero { display:grid; grid-template-columns:1.05fr 1fr; gap:40px; align-items:center; padding:60px 0 70px; }
.lp h1 { font:400 clamp(60px,7.6vw,108px)/.96 var(--display); letter-spacing:-.04em; margin-bottom:26px; max-width:9ch; }
.lp h1 em, .lp h2 em { font-style:normal; color:var(--red); }
.lp .lead { font-size:19px; line-height:30px; color:var(--body); max-width:30ch; margin-bottom:30px; }
.lp .lead .chip { display:inline-flex; align-items:center; gap:6px; background:var(--card); box-shadow:inset 0 0 0 1px var(--line); padding:1px 10px; border-radius:999px; font-weight:600; font-size:15px; color:var(--ink); }
.lp .lead .chip i { width:12px; height:12px; border-radius:3px; background:var(--red); display:inline-block; }
.lp .ctas { display:flex; gap:12px; align-items:center; flex-wrap:wrap; }
.lp .sub { font:400 13px var(--mono); color:var(--mute); margin-top:14px; letter-spacing:-.01em; }

.lp .desk { position:relative; min-height:560px; }
.lp .receipt { position:absolute; left:40px; top:10px; width:460px; background:#fff; border-radius:6px; transform:rotate(-2.5deg); box-shadow:0 2px 0 #fff inset,0 40px 70px -30px rgba(18,19,20,.55),0 0 0 1px rgba(18,19,20,.08); padding:26px 28px 22px; font:13px/20px var(--mono); color:#121314; }
.lp .receipt::after { content:""; position:absolute; left:0; right:0; bottom:-10px; height:12px; background:linear-gradient(135deg,#fff 50%,transparent 50%) 0 0/16px 12px,linear-gradient(225deg,#fff 50%,transparent 50%) 0 0/16px 12px; }
.lp .receipt .h { display:flex; justify-content:space-between; align-items:baseline; gap:12px; font-weight:500; margin-bottom:6px; }
.lp .receipt .h b { font:400 24px var(--display); letter-spacing:-.02em; }
.lp .receipt .meta { color:#686966; margin-bottom:14px; border-bottom:1px dashed #dedcd3; padding-bottom:12px; }
.lp .receipt .r { display:flex; justify-content:space-between; gap:12px; padding:3px 0; } .lp .receipt .r span:first-child { color:#3f4043; }
.lp .receipt .r.out span:last-child { color:#9a4f3a; }
.lp .receipt .r.sum { border-top:1px dashed #dedcd3; margin-top:8px; padding-top:10px; font-weight:500; }
.lp .receipt .r.net { background:#121314; color:#fff; margin:12px -28px -22px; padding:14px 28px 16px; font-weight:500; border-radius:0 0 6px 6px; } .lp .receipt .r.net span:first-child { color:#d3d4d1; }
.lp .receipt .r.net span:last-child { font:400 28px var(--display); color:#fff; }
.lp .tape { position:absolute; z-index:2; transform:rotate(4deg); background:var(--tape); padding:6px 14px; font:18px var(--hand); color:var(--tape-fg); box-shadow:0 4px 10px -6px rgba(0,0,0,.4); white-space:nowrap; }
.lp .desk .tape { left:330px; top:22px; }
.lp .stamp { position:absolute; z-index:2; transform:rotate(-12deg); border:3px solid #121314; color:#121314; border-radius:8px; padding:6px 14px; font:500 15px var(--mono); letter-spacing:.14em; background:rgba(255,255,255,.7); }
.lp .desk .stamp { right:-6px; top:392px; }
.lp .log { position:absolute; left:40px; right:0; bottom:0; font:13px/22px var(--mono); color:var(--body); border-top:1px solid var(--line); padding-top:12px; }
.lp .log .head { display:flex; justify-content:space-between; gap:12px; color:var(--mute); font-size:12px; margin-bottom:6px; } .lp .log .head b { color:var(--ink); font-weight:500; }
.lp .log .head i { display:inline-block; width:8px; height:8px; border-radius:50%; background:var(--red); margin-right:8px; vertical-align:1px; }
.lp .log .l { display:flex; gap:10px; } .lp .log .l::before { content:"✓"; color:var(--ink); } .lp .log .l.cmd::before { content:"❯"; color:var(--red-text); } .lp .log .l.cmd { color:var(--ink); }

.lp .ch { text-align:center; padding:60px 0 20px; }
.lp .n { font:500 12px var(--mono); letter-spacing:.18em; color:var(--red-text); margin-bottom:18px; text-transform:uppercase; }
.lp h2 { font:400 clamp(40px,5.2vw,68px)/1.02 var(--display); letter-spacing:-.035em; margin:0 auto; max-width:18ch; }
.lp h2 .ic { display:inline-flex; gap:4px; vertical-align:-6px; margin:0 6px; }
.lp h2 .ic i { width:44px; height:44px; border-radius:10px; background:var(--card); box-shadow:inset 0 0 0 1px var(--line); display:inline-grid; place-items:center; font:600 11px var(--mono); color:var(--body); letter-spacing:0; font-style:normal; }
.lp .cards { position:relative; height:420px; margin:30px auto 0; max-width:1100px; }
.lp .c { position:absolute; background:var(--card); border-radius:14px; padding:12px 14px; box-shadow:0 20px 40px -24px rgba(18,19,20,.5),0 0 0 1px rgba(128,128,128,.14); font-size:13px; line-height:18px; width:230px; text-align:left; color:var(--body); }
.lp .c b { display:block; font:500 11px var(--mono); letter-spacing:.08em; color:var(--mute); margin-bottom:4px; text-transform:uppercase; }
.lp .c .v { font:400 28px var(--display); letter-spacing:-.02em; color:var(--out); }
.lp .c.dark { background:#121314; color:#d3d4d1; } .lp .c.dark b { color:#a3a5a2; } .lp .c.dark .v { color:#fff; }
.lp .c.hl { box-shadow:0 0 0 2px var(--red),0 24px 50px -20px var(--red-glow); }
.lp .note { text-align:center; font:400 13px var(--mono); color:var(--mute); margin-top:12px; }

.lp .calc { max-width:980px; margin:70px auto 0; display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:32px; align-items:start; background:var(--card); border-radius:20px; padding:30px; text-align:left; box-shadow:0 30px 60px -40px rgba(18,19,20,.5),0 0 0 1px rgba(128,128,128,.16); }
.lp .calc h3 { font:400 36px/1.05 var(--display); letter-spacing:-.03em; margin-bottom:8px; }
.lp .calc .ask > p { color:var(--body); margin-bottom:18px; }
.lp .calc label { display:block; font:500 12px var(--mono); letter-spacing:.08em; text-transform:uppercase; color:var(--mute); margin-bottom:6px; }
.lp .calc .field { display:flex; align-items:center; gap:8px; height:52px; padding:0 14px; border:1px solid var(--line); border-radius:12px; background:var(--paper); margin-bottom:16px; }
.lp .calc .field:focus-within { border-color:var(--ink); }
.lp .calc .field span { color:var(--mute); font:500 18px var(--mono); }
.lp .calc .field input { flex:1; min-width:0; height:100%; border:0; background:transparent; color:var(--ink); font:500 22px var(--mono); outline:0; padding:0; }
.lp .calc .fine { font:400 12px/19px var(--mono); color:var(--mute); margin:4px 0 0; }
.lp .cwf .row { display:grid; grid-template-columns:176px minmax(0,1fr); align-items:center; gap:12px; min-height:32px; font:13px var(--mono); color:var(--body); }
.lp .cwf .row.total { background:var(--paper); margin:2px -12px; padding:0 12px; font-weight:500; color:var(--ink); border-radius:8px; }
.lp .cwf .row > span:first-child { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.lp .cwf .trk { position:relative; height:30px; margin-right:92px; }
.lp .cwf .b { position:absolute; top:9px; bottom:9px; background:#8a8c88; border-radius:2px; min-width:2px; } .lp .cwf .b.neg { background:var(--out); } .lp .cwf .b.total { background:var(--ink); }
.lp .cwf .v { position:absolute; top:0; font:500 13px/30px var(--mono); white-space:nowrap; color:var(--ink); }
.lp .cwf .res { display:flex; justify-content:space-between; align-items:baseline; margin-top:10px; padding-top:12px; border-top:1px dashed var(--line); font:13px var(--mono); color:var(--body); }
.lp .cwf .res b { font:400 34px var(--display); color:var(--ink); }

.lp .panel { background:var(--panel); color:var(--panel-fg); border-radius:28px; padding:70px 40px 40px; margin:70px 0 0; text-align:center; position:relative; overflow:hidden; box-shadow:0 0 0 1px rgba(128,128,128,.18); }
.lp .panel .n { color:#ff6a70; } .lp .panel h2 { color:var(--panel-fg); } .lp .panel h2 em { color:#ff3b43; } .lp .panel .ch { padding:0; }
.lp .panel > .shot { display:block; width:min(1000px,100%); height:auto; margin:40px auto 0; border-radius:12px 12px 0 0; box-shadow:0 -20px 60px -20px rgba(255,255,255,.15); }
.lp .panel .intro { color:var(--panel-mute); max-width:56ch; margin:20px auto 0; }

.lp .proof { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:48px; align-items:center; margin-top:40px; text-align:left; }
.lp .proof .big { font:400 clamp(64px,8vw,112px)/.95 var(--display); letter-spacing:-.04em; }
.lp .proof .big small { font:400 14px var(--mono); letter-spacing:0; color:var(--mute); display:block; margin-top:10px; }
.lp .proof p { color:var(--body); margin-top:18px; max-width:38ch; }
.lp .insp { position:relative; background:#fff; color:#121314; border-radius:10px; padding:22px 24px 12px; box-shadow:0 30px 60px -36px rgba(18,19,20,.55),0 0 0 1px rgba(18,19,20,.08); font:13px/20px var(--mono); transform:rotate(1deg); }
.lp .insp .t { display:flex; justify-content:space-between; gap:12px; flex-wrap:wrap; color:#686966; font-size:12px; letter-spacing:.06em; text-transform:uppercase; border-bottom:1px dashed #dedcd3; padding-bottom:12px; }
.lp .insp .t b { color:#121314; font-weight:500; }
.lp .insp .k { display:grid; grid-template-columns:34px minmax(0,1fr) auto; gap:12px; align-items:center; padding:12px 0; border-bottom:1px solid #ebeae4; font:14px/20px var(--sans); }
.lp .insp .k:last-of-type { border-bottom:0; }
.lp .insp .k code { font:500 12px var(--mono); color:#686966; }
.lp .insp .k em { font:500 11px var(--mono); letter-spacing:.12em; border:1px solid #121314; border-radius:999px; padding:1px 10px; color:#121314; font-style:normal; }
.lp .insp .f { display:flex; justify-content:space-between; gap:12px; flex-wrap:wrap; padding:12px 0 6px; border-top:1px dashed #dedcd3; color:#686966; font-size:12px; }
.lp .insp .stamp { right:-14px; top:-22px; }

.lp .code { position:relative; max-width:1040px; margin:40px auto 0; background:var(--panel-2); border-radius:14px; padding:18px 20px; text-align:left; box-shadow:0 0 0 1px rgba(255,255,255,.08); }
.lp .code pre { margin:0; overflow-x:auto; font:13px/24px var(--mono); color:#d3d4d1; }
.lp .code .ln { display:inline-block; width:2.4em; color:#6b6d6a; user-select:none; } .lp .code .hd { color:#8a8c88; } .lp .code .am { color:#fff; }
.lp .code .meta { display:flex; justify-content:space-between; gap:12px; flex-wrap:wrap; font:12px var(--mono); color:#8a8c88; margin-top:12px; padding-top:12px; border-top:1px solid rgba(255,255,255,.08); }
.lp .code .tape { right:18px; top:-16px; }
.lp .facts { display:flex; justify-content:center; gap:12px; flex-wrap:wrap; margin-top:26px; }
.lp .facts span { font:500 13px var(--mono); border-radius:999px; padding:8px 16px; background:var(--panel-2); color:#d3d4d1; } .lp .facts small { font:inherit; color:#8a8c88; margin-left:8px; }

.lp .who { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; margin-top:34px; text-align:left; }
.lp .who .case { background:var(--card); border-radius:18px; overflow:hidden; box-shadow:0 24px 50px -34px rgba(18,19,20,.5),0 0 0 1px rgba(128,128,128,.16); display:flex; flex-direction:column; }
.lp .who .crop { height:210px; overflow:hidden; border-bottom:1px solid var(--line); background:#fff; } .lp .who .crop img { display:block; width:200%; max-width:none; height:auto; }
.lp .who .body { padding:20px 22px 24px; display:grid; gap:10px; }
.lp .who .kind { font:500 11px var(--mono); letter-spacing:.14em; color:var(--mute); text-transform:uppercase; }
.lp .who h3 { font:400 32px/1.05 var(--display); letter-spacing:-.03em; }
.lp .who p { color:var(--body); font-size:15px; line-height:24px; }

.lp .tiers { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; margin-top:44px; text-align:left; align-items:stretch; }
.lp .tier { position:relative; background:var(--card); border-radius:22px; padding:28px; display:flex; flex-direction:column; gap:16px; box-shadow:0 24px 50px -34px rgba(18,19,20,.5),0 0 0 1px rgba(128,128,128,.16); }
.lp .tier.mid { background:#121314; color:#fff; box-shadow:0 30px 60px -30px rgba(18,19,20,.8); }
.lp .tier .name { font:500 12px var(--mono); letter-spacing:.14em; text-transform:uppercase; color:var(--mute); } .lp .tier.mid .name { color:#a3a5a2; }
.lp .tier .price { font:400 84px/.9 var(--display); letter-spacing:-.04em; } .lp .tier .price small { font:400 14px var(--mono); letter-spacing:0; color:var(--mute); margin-left:6px; } .lp .tier.mid .price small { color:#a3a5a2; }
.lp .tier ul { list-style:none; margin:0; padding:0; display:grid; gap:8px; font:14px var(--mono); color:var(--body); flex:1; } .lp .tier.mid ul { color:#d3d4d1; }
.lp .tier li::before { content:"— "; color:var(--mute); }
.lp .tier .pill { width:100%; }
.lp .tier.mid .pill { background:var(--red); color:#fff; }
.lp .tier.mid .tape { right:22px; top:-16px; }
.lp .tier-note { font:400 13px var(--mono); color:var(--mute); margin-top:18px; }

.lp .faq { max-width:780px; margin:34px auto 0; text-align:left; border-top:1px solid var(--line); }
.lp .faq details { border-bottom:1px solid var(--line); padding:20px 4px; }
.lp .faq summary { cursor:pointer; list-style:none; font:400 26px/1.15 var(--display); letter-spacing:-.02em; display:flex; justify-content:space-between; gap:16px; align-items:center; }
.lp .faq summary::-webkit-details-marker { display:none; }
.lp .faq summary::after { content:"+"; font:500 20px var(--mono); color:var(--red-text); }
.lp .faq details[open] summary::after { content:"\2212"; }
.lp .faq p { margin-top:10px; color:var(--body); max-width:64ch; }

.lp .end { background:var(--panel); color:var(--panel-fg); border-radius:28px; padding:80px 32px; margin:80px 0 24px; text-align:center; position:relative; overflow:hidden; box-shadow:0 0 0 1px rgba(128,128,128,.18); }
.lp .end::before { content:""; position:absolute; inset:-60% -10% auto; height:140%; background:radial-gradient(520px 280px at 50% 0%,rgba(229,23,31,.3),transparent 65%); pointer-events:none; }
.lp .end h2 { color:var(--panel-fg); position:relative; } .lp .end h2 em { color:#ff3b43; } .lp .end p { color:var(--panel-mute); margin:16px 0 28px; position:relative; font:400 14px var(--mono); } .lp .end .pill { position:relative; }
.lp footer.foot { display:flex; flex-wrap:wrap; gap:8px 24px; padding:20px 0 40px; font:400 13px var(--mono); color:var(--mute); } .lp footer.foot a:hover { color:var(--ink); }

@media (max-width:900px) {
  .lp .wrap { padding:0 16px; } .lp .links { display:none; } .lp .tools .lang { display:none; }
  .lp .hero { grid-template-columns:minmax(0,1fr); padding:30px 0 40px; } .lp .desk { min-height:0; display:flex; flex-direction:column; gap:18px; }
  .lp .receipt { position:static; width:auto; transform:rotate(-1.5deg); } .lp .desk .tape { left:auto; right:6px; top:-10px; } .lp .desk .stamp { position:static; align-self:flex-start; margin:6px 0 0 14px; transform:rotate(-6deg); }
  .lp .log { position:static; padding-top:10px; }
  .lp .insp .stamp { right:6px; top:-26px; } .lp .insp { transform:none; }
  .lp .cards { height:auto; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; padding:0 4px; }
  .lp .c { position:static !important; transform:none !important; width:auto; overflow-wrap:anywhere; min-width:0; }
  .lp .calc, .lp .proof, .lp .who, .lp .tiers { grid-template-columns:minmax(0,1fr); } .lp .calc { padding:22px 18px; gap:24px; }
  .lp .panel, .lp .end { border-radius:18px; padding:50px 16px 0; } .lp .end { padding-bottom:50px; }
  .lp .cwf .row { grid-template-columns:104px minmax(0,1fr); gap:8px; } .lp .cwf .row > span:first-child { white-space:normal; line-height:16px; } .lp .cwf .trk { margin-right:78px; }
  .lp .tier .price { font-size:72px; } .lp .code { padding:14px; }
}
@media (max-width:400px) { .lp .nav .pill { height:38px; padding:0 14px; font-size:13px; } .lp .brand { font-size:16px; } .lp .pill { padding:0 16px; } .lp .ctas .pill { width:100%; } }
.lp h1:lang(zh-CN), .lp h2:lang(zh-CN) { letter-spacing:0; line-height:1.15; max-width:none; font-weight:600; }
@media (prefers-reduced-motion: no-preference) { .lp .pill, .lp .who .case { transition:transform .2s cubic-bezier(.16,1,.3,1), box-shadow .2s; } .lp .pill:hover { transform:translateY(-1px); } .lp .pill:active { transform:translateY(1px); } .lp .who .case:hover { transform:translateY(-3px); } }