.p-hero{padding:8px 0 clamp(56px,7vw,96px)}.p-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 388px;gap:clamp(24px,3vw,40px);align-items:start;margin-top:18px}.p-show{display:grid;gap:16px;min-width:0}.p-demo .demo-screen{--stage-ratio:16/9;width:100%;max-height:80vh}.p-sec.p-demo{padding-top:0}@media (max-width:1080px){.p-hero-grid{grid-template-columns:minmax(0,1fr)}}.demo-stage{display:grid;gap:12px;min-width:0}.demo-screen{position:relative;isolation:isolate;overflow:hidden;overflow:clip;aspect-ratio:var(--stage-ratio,16 / 10.4);border-radius:var(--r-win);background:radial-gradient(60% 70% at 18% 12%,rgb(26 150 207 / .22),transparent 70%),radial-gradient(70% 60% at 85% 100%,rgb(26 150 207 / .12),transparent 70%),var(--stage-bg,linear-gradient(180deg,#0c2733 0,#061820 55%,#03101a 100%));background-size:cover;background-position:center;box-shadow:0 30px 80px rgb(0 0 0 / .45),inset 0 0 0 var(--hairline) rgb(255 255 255 / .07)}.demo-screen::before{content:"";position:absolute;inset:0;z-index:-1;opacity:.5;background-image:linear-gradient(rgb(255 255 255 / .035) 1px,transparent 1px),linear-gradient(90deg,rgb(255 255 255 / .035) 1px,transparent 1px);background-size:44px 44px;-webkit-mask:radial-gradient(80% 70% at 50% 60%,#000,transparent);mask:radial-gradient(80% 70% at 50% 60%,#000,transparent)}.demo-screen::after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 120px rgb(0 0 0 / .55);border-radius:inherit}.demo-cam{position:absolute;left:0;top:0;width:1920px;height:1080px;transform-origin:0 0;transition:transform .8s var(--ease-in)}.demo-cam iframe{display:block;width:1920px;height:1080px;border:0;background:0 0;opacity:0;transition:opacity .5s ease .15s}.demo-stage.is-ready .demo-cam iframe{opacity:1}.demo-live{position:absolute;top:14px;left:14px;z-index:2;display:inline-flex;align-items:center;gap:8px;height:26px;padding:0 10px;border-radius:99px;background:rgb(0 0 0 / .5);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text);box-shadow:inset 0 0 0 var(--hairline) rgb(255 255 255 / .1);pointer-events:none}.demo-live i{width:7px;height:7px;border-radius:50%;background:var(--good);box-shadow:0 0 10px var(--good);animation:demo-blink 2.4s ease-in-out infinite}@keyframes demo-blink{50%{opacity:.35}}.demo-full{position:absolute;right:12px;bottom:12px;z-index:2;display:grid;place-items:center;width:34px;height:34px;border-radius:8px;background:rgb(0 0 0 / .5);color:var(--text-body);box-shadow:inset 0 0 0 var(--hairline) rgb(255 255 255 / .1);transition:color .15s,background .15s}.demo-full:hover{color:#fff;background:rgb(0 0 0 / .7)}.demo-full svg{width:15px;height:15px}.demo-notes{position:absolute;top:14px;right:14px;z-index:3;display:grid;gap:8px;width:min(300px,60%);pointer-events:none}.demo-note{display:flex;gap:10px;align-items:flex-start;padding:11px 13px;border-radius:8px;font-size:13px;line-height:1.4;color:#fff;background:linear-gradient(135deg,rgb(7 34 47 / .97),rgb(2 14 20 / .97));box-shadow:0 10px 30px rgb(0 0 0 / .45),inset 0 0 0 var(--hairline) rgb(255 255 255 / .08);animation:demo-note-in .4s var(--ease-in) both}.demo-note i{flex:none;width:3px;align-self:stretch;border-radius:3px;background:var(--accent);box-shadow:0 0 10px var(--accent)}.demo-note.success i{background:var(--good);box-shadow:0 0 10px var(--good)}.demo-note.error i{background:var(--bad);box-shadow:0 0 10px var(--bad)}.demo-note.out{animation:demo-note-out .25s ease both}@keyframes demo-note-in{from{opacity:0;transform:translateY(-8px)}}@keyframes demo-note-out{to{opacity:0;transform:translateX(16px)}}.demo-prompt{position:absolute;left:50%;bottom:12%;z-index:3;translate:-50% 0;display:inline-flex;align-items:center;gap:9px;padding:10px 14px;border-radius:8px;font-size:14px;font-weight:500;color:#fff;white-space:nowrap;background:rgb(0 0 0 / .72);box-shadow:inset 0 0 0 var(--hairline) rgb(255 255 255 / .12);animation:demo-note-in .4s var(--ease-in) both;transition:background .15s}.demo-prompt:hover{background:rgb(0 0 0 / .88)}.demo-prompt[hidden]{display:none}.demo-prompt kbd{display:inline-grid;place-items:center;min-width:24px;height:24px;padding:0 6px;border-radius:5px;font:800 13px var(--font);color:#041018;background:#fff;box-shadow:0 2px 0 #9fb4bf}.demo-screen:fullscreen,.demo-stage.is-full .demo-screen{aspect-ratio:auto;border-radius:0}.demo-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 4px;min-height:34px}.demo-hint{display:flex;align-items:flex-start;gap:10px;font-size:14px;line-height:1.45;color:var(--text-body)}.demo-hint::before{content:"";flex:none;width:6px;height:6px;margin-top:7px;border-radius:1px;background:var(--accent);box-shadow:0 0 8px var(--accent)}.demo-restart{flex:none;display:inline-flex;align-items:center;gap:7px;height:32px;padding:0 11px;border-radius:var(--r-ctl);font-size:13px;font-weight:600;color:var(--text-soft);background:rgb(255 255 255 / .05);transition:color .15s,background .15s}.demo-restart:hover{color:var(--text);background:rgb(255 255 255 / .1)}.demo-restart svg{width:14px;height:14px}.p-media{position:relative;overflow:hidden;aspect-ratio:16/9;border-radius:var(--r-win);background:var(--sunk);box-shadow:0 30px 80px rgb(0 0 0 / .45)}.p-media>img{width:100%;height:100%;object-fit:cover}.p-media .pkg-plate{position:absolute;inset:0;display:grid;place-items:center;font-size:56px;font-weight:800;letter-spacing:.06em;color:var(--text-faint)}.p-buy{display:grid;gap:14px;min-width:0;align-content:start}.p-buybox .wbody{display:grid;gap:0;padding:40px 28px 30px}.p-kicker{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-soft)}.p-kicker .p-ver{display:inline-flex;align-items:center;height:20px;padding:0 7px;border-radius:var(--r-chip);background:var(--accent-20);color:#9cdcf8;letter-spacing:.04em}.p-kicker .p-res{font:500 12px var(--mono);letter-spacing:0;text-transform:none;color:var(--text-faint)}.p-buybox h1.title{margin-top:8px;font-size:clamp(34px, 1.9rem + 1vw, 44px)}.p-buybox h1.title .s{font-size:clamp(33px, 1.85rem + 1vw, 43px)}.p-tag{margin-top:2px;font-size:16px;line-height:1.5;color:var(--text-body)}.p-facts{display:flex;flex-wrap:wrap;gap:6px;margin-top:18px}.p-fact{display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 10px;border-radius:var(--r-ctl);background:rgb(0 0 0 / .32);box-shadow:inset 0 0 0 var(--hairline) rgb(255 255 255 / .08);font-size:13px;font-weight:600;color:var(--text);white-space:nowrap}.p-fact svg{width:14px;height:14px;color:var(--accent-line)}.p-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 10px;margin-top:24px;padding-top:22px;border-top:var(--hairline) solid var(--rule)}.p-price b{font-size:38px;font-weight:800;line-height:1;color:var(--text);font-variant-numeric:tabular-nums}.p-price span{font-size:13px;color:var(--text-soft)}.p-actions{display:grid;gap:8px;margin-top:16px}.p-actions .btn{width:100%}.p-ticks{display:grid;gap:7px;margin-top:18px}.p-ticks li{display:flex;gap:9px;align-items:flex-start;font-size:13px;color:var(--text-body)}.p-ticks svg{flex:none;width:13px;height:13px;margin-top:3px;color:var(--accent-line)}.p-plusline{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin-top:16px;padding:13px 14px;border-radius:10px;background:var(--surface-lit);box-shadow:inset 0 0 0 var(--hairline) var(--accent-40);color:var(--text-body);transition:background .2s,box-shadow .2s}.p-plusline:hover{background:var(--surface-hot);box-shadow:inset 0 0 0 var(--hairline) var(--accent-55),0 0 30px var(--accent-20)}.p-plusline .p-plus-mark{font-weight:800;font-size:17px;color:var(--text);letter-spacing:-.01em}.p-plusline .p-plus-mark em{font-style:normal;color:var(--accent-line)}.p-plusline p{font-size:13px;line-height:1.35}.p-plusline p b{color:var(--text);font-weight:700}.p-plusline svg{width:16px;height:16px;color:var(--text);transition:transform .3s var(--ease-in)}.p-plusline:hover svg{transform:translateX(3px)}.p-sec{padding-block:clamp(56px,7vw,104px);position:relative}.p-sec+.p-sec{padding-top:0}.p-head{display:grid;gap:16px;margin-bottom:clamp(26px,3vw,40px);max-width:720px}.p-head .lead{max-width:62ch}.p-why{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}@media (max-width:760px){.p-why{grid-template-columns:minmax(0,1fr)}}.p-why article{position:relative;overflow:hidden;display:grid;align-content:start;gap:8px;padding:20px 18px 22px;border-radius:var(--r-card);background:var(--surface-tile);box-shadow:inset 0 0 0 var(--hairline) rgb(255 255 255 / .08)}.p-why .n{font:800 13px var(--font);letter-spacing:.1em;color:var(--accent-line)}.p-why b{font-size:16px;line-height:1.3;color:var(--text)}.p-why p{font-size:14px;line-height:1.5;color:var(--text-body)}.p-points{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px 28px;margin-bottom:clamp(24px,3vw,36px)}@media (max-width:1000px){.p-points{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.p-points{grid-template-columns:minmax(0,1fr)}}.p-points li{display:grid;grid-template-columns:18px minmax(0,1fr);gap:10px;font-size:14px;line-height:1.5;color:var(--text-body)}.p-points svg{width:16px;height:16px;margin-top:3px;color:var(--accent-line)}.p-points b{display:block;margin-bottom:2px;font-size:15px;color:var(--text)}.p-cfg-stage .demo-screen{--stage-ratio:16/9.6}.p-fit{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}@media (max-width:900px){.p-fit{grid-template-columns:minmax(0,1fr)}}.p-fit>div{display:grid;align-content:start;gap:14px;padding:24px;border-radius:var(--r-card);background:var(--surface-tile)}.p-fit h3{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-soft)}.p-fw{display:grid;gap:6px}.p-fw li{display:flex;align-items:center;justify-content:space-between;height:38px;padding:0 12px;border-radius:var(--r-row);background:var(--surface-row);font-size:15px;font-weight:600;color:var(--text)}.p-fw li.no{color:var(--text-faint);background:rgb(255 255 255 / .02)}.p-fw li svg{width:15px;height:15px;color:var(--good)}.p-fw li.no svg{color:var(--text-faint)}.p-with{display:flex;flex-wrap:wrap;gap:6px}.p-with span{display:inline-flex;align-items:center;height:30px;padding:0 10px;border-radius:var(--r-ctl);background:rgb(0 0 0 / .3);box-shadow:inset 0 0 0 var(--hairline) rgb(255 255 255 / .08);font-size:13px;font-weight:600;color:var(--text-body)}.p-ms{display:flex;align-items:baseline;gap:8px}.p-ms b{font-size:46px;font-weight:800;line-height:1;color:var(--text);font-variant-numeric:tabular-nums}.p-ms span{font-size:15px;font-weight:600;color:var(--text-soft)}.p-resmon{font:500 12px/1.7 var(--mono);color:var(--text-soft);padding:10px 12px;border-radius:var(--r-row);background:rgb(0 0 0 / .35);white-space:pre;overflow-x:auto}.p-resmon em{font-style:normal;color:var(--good)}.p-fit a.p-link{font-size:14px;font-weight:600;color:var(--accent-line)}.p-fit a.p-link:hover{color:#7fd0f5}.p-req{display:grid;gap:8px;margin-top:16px;padding:20px 24px;border-radius:var(--r-card);background:var(--surface-row)}.p-req h3{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-soft);margin-bottom:4px}.p-req li{position:relative;padding-left:16px;font-size:14px;line-height:1.5;color:var(--text-body)}.p-req li::before{content:"";position:absolute;left:0;top:8px;width:5px;height:5px;border-radius:1px;background:var(--accent-line)}.p-feats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 32px}@media (max-width:760px){.p-feats{grid-template-columns:minmax(0,1fr)}}.p-feats li{display:flex;gap:12px;align-items:flex-start;padding:12px 0;border-bottom:var(--hairline) solid var(--hair);font-size:15px;line-height:1.45;color:var(--text-body)}.p-feats li svg{flex:none;width:15px;height:15px;margin-top:3px;color:var(--accent-line)}.p-feats li.is-folded{display:none}.p-more{display:inline-flex;align-items:center;gap:8px;margin-top:20px;font-size:14px;font-weight:600;color:var(--accent-line)}.p-more:hover{color:#7fd0f5}.p-plus .wbody{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,420px);gap:clamp(24px,4vw,56px);align-items:center;padding:clamp(32px,4vw,52px)}@media (max-width:900px){.p-plus .wbody{grid-template-columns:minmax(0,1fr)}}.p-plus .lead{margin-top:14px}.p-plus-cmp{display:grid;gap:8px}.p-plus-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;border-radius:var(--r-card);background:var(--surface-row)}.p-plus-row span{font-size:14px;color:var(--text-body)}.p-plus-row span small{display:block;font-size:12px;color:var(--text-soft);margin-top:2px}.p-plus-row b{font-size:20px;font-weight:800;color:var(--text);white-space:nowrap;font-variant-numeric:tabular-nums}.p-plus-row.hot{background:var(--surface-lit);box-shadow:inset 0 0 0 var(--hairline) var(--accent-40)}.p-plus-row.hot b{color:#9cdcf8}.p-plus-cmp .btn{margin-top:8px}.p-plus .kit .ticks.r{top:44px;right:16px}.p-plus .kit .ticks.l{top:auto;bottom:44px;left:16px}.p-faq .faq{max-width:none}.p-faq .q.is-folded{display:none}.p-docs{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;margin-top:22px;padding:18px 20px;border-radius:var(--r-card);background:var(--surface-row);font-size:14px;color:var(--text-body)}.p-docs b{color:var(--text)}.p-bar{position:fixed;left:0;right:0;bottom:0;z-index:40;transform:translateY(110%);transition:transform .4s var(--ease-in);background:rgb(3 18 24 / .96);box-shadow:0 -1px 0 var(--rule),0 -20px 40px rgb(0 0 0 / .35)}.p-bar.is-shown{transform:none}.p-bar .wrap{display:flex;align-items:center;gap:18px;min-height:68px}.p-bar-name{display:flex;align-items:baseline;gap:10px;min-width:0;margin-right:auto}.p-bar-name .title{font-size:20px}.p-bar-name .title .s{font-size:19px}.p-bar-name small{font:500 12px var(--mono);color:var(--text-faint)}.p-bar-price{font-size:18px;font-weight:800;color:var(--text);font-variant-numeric:tabular-nums}.p-bar-plus{font-size:13px;font-weight:600;color:var(--accent-line);white-space:nowrap}.p-bar-plus:hover{color:#7fd0f5}@media (max-width:760px){.p-bar-name small,.p-bar-plus{display:none}.p-bar-name .title{font-size:17px}.p-bar-name .title .s{font-size:16px}}@media (max-width:640px){.demo-screen{--stage-ratio:4/3.4}.demo-hint{font-size:13px}.p-buybox .wbody{padding:34px 20px 26px}}@media (prefers-reduced-motion:reduce){.demo-cam,.p-bar{transition:none}.demo-live i{animation:none}}