@layer components{.landing{overflow-x:clip}body:has(>.landing){overflow-x:clip}.landing .cta{flex-wrap:wrap;gap:14px;margin-top:40px;display:flex}.landing .hero h1{text-wrap:balance;max-width:900px;font-family:var(--mono);letter-spacing:-.04em;margin-top:26px;font-size:clamp(32px,6.2vw,58px);font-weight:700;line-height:1.14}.landing .hero p{max-width:680px;color:var(--text-2);margin-top:22px;font-size:clamp(16px,2.3vw,19px);line-height:1.6}.landing .cmd{background:var(--card);border:1px solid var(--border);box-shadow:0 1px 0 var(--hairline) inset;font-family:var(--mono);color:var(--text-2);border-radius:9px;align-items:center;gap:10px;min-height:44px;padding:14px 20px;font-size:clamp(12px,1.7vw,14px);display:inline-flex}.landing .cmd b{color:var(--ep);font-weight:400}.landing .fineprint{color:var(--text-3);margin-top:22px;font-size:13.5px}.landing .shot{--s-bg:#121316;--s-surf:#1f2125;--s-br:#4a4f58;--s-tx:#f0f0f2;--s-tx2:#b9bcc2;--s-tx3:#8a8e95;border:1px solid var(--s-br);background:var(--s-bg);box-shadow:var(--shadow),0 60px 120px -60px var(--glow);border-radius:16px;margin-top:clamp(36px,6vw,64px);overflow:hidden}.landing .shot-bar{background:var(--s-surf);border-bottom:1px solid var(--s-br);align-items:center;gap:14px;height:54px;padding:0 18px;display:flex}.landing .shot-bar .name{font-family:var(--mono);color:var(--s-tx2);font-size:13px}.landing .shot-bar .badge{font-family:var(--mono);color:#63b3ed;background:#16304c;border-radius:5px;padding:3px 9px;font-size:11px;font-weight:700}.landing .shot-tools{gap:6px;margin-left:auto;display:flex}.landing .shot-tools span{border:1px solid var(--s-br);border-radius:7px;place-items:center;width:29px;height:29px;display:grid}.landing .shot-tools svg{width:14px;height:14px}.landing .shot-body{min-height:0;display:flex}.landing .shot-canvas{background-color:var(--s-bg);background-image:radial-gradient(#23262b 1.1px,#0000 1.1px);background-size:22px 22px;flex-grow:1;min-width:0;position:relative}.landing .shot-canvas svg{width:100%;height:auto;display:block}.landing .hint{background:var(--s-surf);border:1px solid var(--s-br);font-family:var(--mono);color:var(--s-tx3);border-radius:20px;padding:7px 14px;font-size:11.5px;position:absolute;bottom:16px;left:18px}.landing .shot-side{border-left:1px solid var(--s-br);background:var(--s-surf);width:262px;color:var(--s-tx);flex:none;padding:22px 20px}.landing .shot-side .t{font-size:16px;font-weight:600}.landing .shot-side .s{font-family:var(--mono);color:var(--s-tx3);margin-top:5px;font-size:11.5px}.landing .shot-side h4{font-family:var(--mono);letter-spacing:.1em;color:var(--s-tx3);margin:22px 0 12px;font-size:10.5px;font-weight:700}.landing .shot-side li{color:var(--s-tx2);margin-bottom:10px;font-size:12.5px;line-height:1.45}.landing .shot-side li b{color:var(--s-tx);font-weight:400}.landing .shot-src{background:var(--s-bg);border:1px solid var(--s-br);font-family:var(--mono);color:#63b3ed;border-radius:8px;padding:11px 13px;font-size:11px;overflow:hidden}.landing .shot-cap{color:var(--text-3);margin-top:20px;font-size:13.5px}.landing .dead{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.landing .dead span{background:var(--dead-bg);border:1px dashed var(--dead-br);color:var(--dead-tx);text-underline-offset:2px;border-radius:8px;padding:9px 16px;font-size:clamp(13px,1.8vw,14.5px);text-decoration:line-through;text-decoration-thickness:1px;transition:opacity .18s}.landing .dead:hover span{opacity:.62}.landing .dead span:hover{opacity:1}.landing .dead-out{align-items:center;gap:12px;margin-top:24px;font-size:clamp(15px,2vw,17px);font-weight:500;display:flex}.landing .dead-out svg{width:18px;height:18px;color:var(--accent);flex:none}.landing .film{border:1px solid var(--border);background:var(--s-bg);border-radius:14px;margin-top:24px;overflow:hidden}.landing .film iframe{aspect-ratio:16/9;border:0;width:100%;display:block}.landing .why{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:clamp(24px,4vw,44px);margin-top:30px;display:grid}.landing .why>div{border-left:2px solid var(--border);padding-left:22px;transition:border-color .2s}.landing .why>div+div{border-left-color:var(--accent)}.landing .why dt{font-family:var(--mono);letter-spacing:-.03em;font-size:26px;font-weight:700}.landing .why dd{color:var(--text-2);margin:12px 0 0;font-size:16.5px;line-height:1.6}.landing .punch{text-wrap:balance;max-width:760px;font-family:var(--mono);letter-spacing:-.03em;margin-top:36px;font-size:clamp(19px,3.2vw,25px);font-weight:700;line-height:1.42}.landing .stats{border-top:1px solid var(--chip);border-bottom:1px solid var(--chip);background:linear-gradient(180deg,var(--band),color-mix(in srgb,var(--band) 55%,var(--ground)));margin-top:clamp(56px,8vw,84px)}.landing .stats .wrap{grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.landing .stat{border-right:1px solid var(--chip);padding:32px 24px}.landing .stat:first-child{padding-left:0}.landing .stat:last-child{border-right:none;padding-right:0}.landing .stat b{font-family:var(--mono);font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:28px;font-weight:700;display:block}.landing .stat span{color:var(--text-3);margin-top:6px;font-size:13.5px;display:block}.landing .grid2{grid-template-columns:repeat(auto-fit,minmax(max(300px,50% - 10px),1fr));gap:20px;margin-top:44px;display:grid}.landing .grid3{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin-top:44px;display:grid}.landing .card{background:var(--card);border:1px solid var(--border);box-shadow:0 1px 0 var(--hairline) inset;border-radius:13px;padding:clamp(22px,3vw,30px);transition:transform .2s,border-color .2s,box-shadow .2s}.landing .card:hover{border-color:var(--border-2);box-shadow:0 1px 0 var(--hairline) inset,var(--lift);transform:translateY(-2px)}.landing .card h3{margin-top:20px;font-size:19px;font-weight:600;line-height:1.35}.landing .card p{color:var(--text-2);text-wrap:pretty;margin-top:10px;font-size:15px;line-height:1.6}.landing .card .from{font-family:var(--mono);color:var(--text-3);margin-top:16px;font-size:12.5px}.landing .tcard{flex-direction:column;padding:0;display:flex;overflow:hidden}.landing .prev{background:linear-gradient(180deg,color-mix(in srgb,var(--band) 70%,var(--card)),var(--band));border-bottom:1px solid var(--border);padding:8px 10px}.landing .prev svg{width:100%;height:auto;display:block}.landing .tbody{padding:clamp(20px,3vw,26px) clamp(22px,3vw,30px) clamp(24px,3vw,30px)}.landing .tbody .n{font-size:15px;font-weight:700}.landing .tbody h3{margin-top:12px;font-size:19px;font-weight:600;line-height:1.35}.landing .tbody p{color:var(--text-2);margin-top:10px;font-size:15px;line-height:1.6}.landing .tbody .from{font-family:var(--mono);color:var(--text-3);margin-top:16px;font-size:12.5px}.landing .tbody .more,.landing .sec-more{margin-top:14px;font-size:14.5px;font-weight:500;display:inline-block}.landing .type{align-items:center;gap:13px;display:flex}.landing .type .ic{border-radius:9px;flex:none;place-items:center;width:38px;height:38px;display:grid}.landing .type .ic svg{width:20px;height:20px}.landing .type .n{font-family:var(--mono);font-size:16px;font-weight:700}.landing .step .num{font-family:var(--mono);color:var(--accent);font-size:12px;font-weight:700}.landing .step h3{margin-top:14px;font-size:18px}.landing .step p{font-size:14.5px}.landing .pre{background:var(--ground);border:1px solid var(--border);font-family:var(--mono);color:var(--text-2);border-radius:8px;margin-top:18px;padding:13px 15px;font-size:12.5px;line-height:1.7;overflow-x:auto}.landing .pre .p{color:var(--ep)}.landing .pre .d{color:var(--text-3)}.landing .ask{background:var(--card);border:1px solid var(--border);border-radius:15px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));align-items:center;gap:clamp(28px,4vw,52px);margin-top:clamp(36px,5vw,68px);padding:clamp(28px,4vw,44px);display:grid}.landing .ask h2{letter-spacing:-.022em;margin-top:16px;font-size:clamp(24px,3.4vw,30px);font-weight:600}.landing .ask p{max-width:460px;color:var(--text-2);margin-top:14px;font-size:16px;line-height:1.62}.landing .term{background:var(--ground);border:1px solid var(--border);font-family:var(--mono);border-radius:11px;padding:22px 24px;font-size:clamp(12px,1.7vw,13.5px);line-height:2;overflow-x:auto}.landing .term .q{color:var(--text-3)}.landing .term .a{color:var(--ep)}.landing .term .gap{height:10px}.landing .note{background:var(--band);border:1px solid var(--border);border-left:3px solid var(--text-4);border-radius:12px;margin-top:20px;padding:26px 28px}.landing .note h3{font-size:16px;font-weight:600}.landing .note p{max-width:760px;color:var(--text-2);margin-top:12px;font-size:15.5px;line-height:1.62}.landing .start{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));align-items:start;gap:clamp(28px,4vw,52px);margin-top:0;display:grid}.landing .block{background:var(--card);border:1px solid var(--border);font-family:var(--mono);border-radius:13px;padding:26px 28px;font-size:clamp(12px,1.7vw,13.5px);line-height:2.05;overflow-x:auto}.landing .block .d{color:var(--text-3)}.landing .block .p{color:var(--ep)}.landing .block .s{color:var(--lc)}.landing .final{background:radial-gradient(85% 130% at 50% 0%,color-mix(in srgb,var(--accent) 8%,var(--card)),var(--card));border:1px solid var(--border);text-align:center;border-radius:15px;margin:clamp(48px,7vw,80px) 0 clamp(56px,8vw,96px);padding:clamp(36px,6vw,64px)}.landing .final h2{font-family:var(--mono);letter-spacing:-.035em;text-wrap:balance;font-size:clamp(24px,4.4vw,36px);font-weight:700}.landing .final p{max-width:540px;color:var(--text-2);margin:18px auto 0;font-size:17px;line-height:1.6}.landing .final .cta{justify-content:center;margin-top:36px}@media (max-width:980px){.landing .shot-side{display:none}.landing .stats .wrap{grid-template-columns:repeat(2,minmax(0,1fr))}.landing .stat{padding:22px 18px}.landing .stat:nth-child(2){border-right:none;padding-right:0}.landing .stat:nth-child(odd){padding-left:0}.landing .stat:nth-child(-n+2){border-bottom:1px solid var(--chip)}}@media (max-width:720px){.landing .shot-tools span:nth-child(n+3),.landing .hero .cmd{display:none}.landing .cta .btn{flex:auto}}.landing .term{color:inherit}.landing .term div{white-space:normal}}