.pt-page{--pt-dot: #e1e4e7;--pt-claude: #e8432e;--rg: #1f6b46;--rg-soft: #e3f1e9;--rg-ground: #f2f4f3;--rg-ink: #141a17}.pt-fit{position:relative;margin-inline:auto}.pt-fit-inner{transform-origin:top left;transform:scale(var(--fit-scale, 1))}.pt-eyebrow{display:inline-flex;align-items:center;gap:8px;height:30px;padding:0 12px 0 6px;border-radius:30px;background:var(--surface);box-shadow:var(--ring);font-size:12.5px;color:var(--ink2);margin-bottom:26px}.pt-eyebrow b{font-weight:500;color:var(--ink)}.pt-eyebrow i{width:20px;height:20px;border-radius:50%;background:var(--ink);color:var(--paper);display:grid;place-items:center}.pt-hero-shot{position:relative;width:100%;z-index:3;max-width:1168px;margin:clamp(40px,5vw,64px) auto 0;text-align:left}.pt-win{position:relative;width:1168px;border-radius:var(--r-panel);background:var(--surface);box-shadow:0 0 0 1px #00000012,0 40px 90px -40px #00000059,0 12px 30px -16px #0000001f;overflow:hidden}.pt-win-bar{position:relative;display:flex;align-items:center;justify-content:center;height:38px;background:var(--paper-soft);border-bottom:1px solid var(--hair2)}.pt-win-bar .dots{position:absolute;left:14px;display:flex;gap:7px}.pt-win-bar .dots i{width:11px;height:11px;border-radius:50%;background:var(--hair)}.pt-url{padding:3px 14px;border-radius:var(--r-row);background:var(--surface);box-shadow:var(--ring);font-size:12.5px;color:var(--ink2)}.pt-canvas{position:relative;height:760px;background:var(--paper)}.pt-canvas:before{content:"";position:absolute;inset:0;background:radial-gradient(circle,var(--pt-dot) 1px,transparent 1.2px) 0 0 / 16px 16px;-webkit-mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.35) 30%,#000 70%);mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.35) 30%,#000 70%)}.pt-canvas.full:before{-webkit-mask-image:none;mask-image:none}.pt-chip{position:absolute;z-index:5;display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 12px 0 7px;border-radius:10px;background:var(--surface);box-shadow:var(--ring);font-size:12.5px;color:var(--ink2);white-space:nowrap}.pt-chip b{font-weight:500;color:var(--ink)}.pt-chip .dot-matrix{margin-left:3px}.pt-chip .app-ico{width:22px;height:22px;border-radius:6px}.pt-flab{position:absolute;display:flex;align-items:center;gap:6px;font-size:12.5px;font-weight:500;color:var(--ink2);white-space:nowrap}.pt-start{font-size:10.5px;color:var(--green, #0e9f6e);background:#0e9f6e1a;padding:1px 6px;border-radius:4px}.pt-pnl{position:absolute;z-index:4;border-radius:12px;background:var(--surface);box-shadow:var(--pop),0 24px 48px -16px #0003}.pt-ok{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:500;color:var(--green, #0e9f6e);background:#0e9f6e1a;padding:2px 8px;border-radius:5px}.pt-phone{position:absolute;width:312px;height:660px;border-radius:52px;padding:10px;background:linear-gradient(145deg,#4a4d52,#1c1d20 40%,#2c2e32);box-shadow:inset 0 0 0 1.5px #ffffff2e,0 50px 80px -30px #0000008c,0 10px 24px -8px #0000004d}.pt-scr{position:relative;width:292px;height:640px;border-radius:42px;overflow:hidden;background:#fff;color:var(--rg-ink);font-family:var(--font-ui)}.pt-island{position:absolute;left:50%;top:10px;transform:translate(-50%);width:57px;height:26px;border-radius:20px;background:#000;z-index:5}.pt-scr:after{content:"";position:absolute;left:50%;bottom:7px;width:112px;height:4.5px;margin-left:-56px;border-radius:3px;background:#111;z-index:6}.pt-sb{height:47px}.pt-s{position:absolute;inset:0;overflow:hidden;background:#fff}.pt-img{display:block;width:100%;object-fit:cover}.pt-fill{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.pt-shade{position:absolute;left:0;right:0;top:0;height:120px;background:linear-gradient(#0006,#0000)}.pt-sheet{position:absolute;left:0;right:0;bottom:0;background:#fff;border-radius:26px 26px 0 0;padding:22px 20px}.pt-round{position:absolute;top:54px;width:36px;height:36px;border-radius:50%;background:#fffffff0;display:grid;place-items:center;color:var(--rg-ink)}.rg-h{font:600 24px/1.12 Inter,sans-serif;letter-spacing:-.025em}.rg-sub{font-size:12px;color:#6d736f}.rg-card{display:flex;gap:12px;align-items:center;background:var(--rg-ground);border-radius:16px;padding:8px}.rg-card img{width:66px;height:66px;border-radius:11px;object-fit:cover;flex:none}.rg-card b{display:block;font-size:13.5px;font-weight:600;letter-spacing:-.01em}.rg-meta{font-size:11px;color:#6d736f;margin-top:3px}.rg-chip{height:28px;padding:0 12px;border-radius:20px;display:inline-flex;align-items:center;font-size:12px;font-weight:500;background:var(--rg-ground)}.rg-chip.on{background:var(--rg-ink);color:#fff}.rg-diff{font-size:10px;font-weight:600;padding:2px 6px;border-radius:5px;background:var(--rg-soft);color:var(--rg)}.rg-diff.hard{background:#fbe9e4;color:#b0452a}.rg-btn{height:48px;border-radius:14px;background:var(--rg);color:#fff;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:600;font-size:14.5px}.rg-stats{display:grid;grid-template-columns:repeat(3,1fr);margin-top:16px;padding:12px 0;border-top:1px solid #eceeed;border-bottom:1px solid #eceeed;font-weight:600;font-size:14.5px}.rg-stats span{display:block;font-size:10.5px;font-weight:400;color:#8b918d;margin-bottom:2px}.rg-tab{position:absolute;left:0;right:0;bottom:0;height:76px;background:#fffffff5;border-top:1px solid #eceeed;display:flex;justify-content:space-around;padding-top:12px;font-size:10px;color:#8b918d}.rg-tab div{display:flex;flex-direction:column;align-items:center;gap:4px}.rg-tab .on{color:var(--rg-ink);font-weight:600}.pt-hs{box-shadow:0 0 0 2px var(--acc),0 0 0 6px #0177d32e}.pt-loop{animation-duration:14s;animation-iteration-count:infinite;animation-delay:-2.8s;animation-timing-function:cubic-bezier(.45,0,.2,1)}.pt-s1{animation-name:pt-s1}.pt-s2{animation-name:pt-s2}.pt-s4{animation-name:pt-s4}@keyframes pt-s1{0%,8%{transform:translate(100%)}11%,26%{transform:translate(0)}29%,to{transform:translate(-30%)}}@keyframes pt-s2{0%,26%{transform:translate(100%)}29%,59%{transform:translate(0)}62%,to{transform:translate(-30%)}}@keyframes pt-s4{0%,59%{transform:translate(100%)}62%,to{transform:translate(0)}}.pt-sheet-in{animation-name:pt-sheet}@keyframes pt-sheet{0%,46.5%{transform:translateY(100%)}49.5%,to{transform:translateY(0)}}.pt-scrim{animation-name:pt-scrim}@keyframes pt-scrim{0%,46.5%{opacity:0}49.5%,to{opacity:1}}.pt-wipe{animation-name:pt-wipe}@keyframes pt-wipe{0%,90%{opacity:0}95%,to{opacity:1}}.pt-draw{stroke-dasharray:1;animation-name:pt-draw}@keyframes pt-draw{0%,7.6%{stroke-dashoffset:1;opacity:0}7.7%{stroke-dashoffset:1;opacity:1}11%,90%{stroke-dashoffset:0;opacity:1}95%,to{stroke-dashoffset:1;opacity:0}}.pt-lnk{animation-name:pt-lnk}@keyframes pt-lnk{0%,8%{opacity:0}11%,90%{opacity:1}95%,to{opacity:0}}.pt-cc{position:absolute;left:0;top:0;z-index:8;animation-name:pt-cc}@keyframes pt-cc{0%{transform:translate(700px,300px)}7%,14%{transform:translate(334px,402px)}24%,38%{transform:translate(742px,659px)}45%,52%{transform:translate(826px,641px)}57%,66%{transform:translate(807px,653px)}78%,to{transform:translate(700px,300px)}}.pt-cc .cursor{left:0;top:0}.pt-tip{position:absolute;inset:0;transform-origin:1px 1px;animation-name:pt-press}@keyframes pt-press{0%,6.8%,8.4%,24.2%,25.8%,45.2%,46.8%,57.2%,58.8%,to{transform:scale(1)}7.6%,25%,46%,58%{transform:scale(.8)}}.pt-rip{position:absolute;left:-17px;top:-17px;width:36px;height:36px;border-radius:50%;background:#e8432e4d;border:1.5px solid var(--pt-claude);opacity:0;animation-name:pt-rip;animation-timing-function:ease-out}@keyframes pt-rip{0%,7.5%{opacity:0;transform:scale(.3)}7.6%{opacity:.9;transform:scale(.3)}10%{opacity:0;transform:scale(1.5)}24.9%{opacity:0;transform:scale(.3)}25%{opacity:.9;transform:scale(.3)}27.4%{opacity:0;transform:scale(1.5)}45.9%{opacity:0;transform:scale(.3)}46%{opacity:.9;transform:scale(.3)}48.4%{opacity:0;transform:scale(1.5)}57.9%{opacity:0;transform:scale(.3)}58%{opacity:.9;transform:scale(.3)}60.4%{opacity:0;transform:scale(1.5)}to{opacity:0}}.pt-tapc{animation-name:pt-tapc}@keyframes pt-tapc{0%,7.3%,9.6%,to{transform:scale(1)}7.9%{transform:scale(.97)}}.pt-tapb{animation-name:pt-tapb}@keyframes pt-tapb{0%,24.7%,26.6%,to{transform:scale(1)}25.3%{transform:scale(.96)}}.pt-split{display:grid;grid-template-columns:minmax(0,740px) minmax(0,1fr);gap:clamp(32px,5vw,72px);align-items:center;margin-top:8px}.pt-split-copy .sec-lead{max-width:46ch}@media(max-width:1080px){.pt-split{grid-template-columns:minmax(0,1fr)}.pt-split-copy{order:-1}}.pt-stage{position:relative;width:740px;height:560px;border-radius:24px;overflow:hidden;background:#9fb3c6}.pt-stage>.pt-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.pt-chk{list-style:none;padding:0;margin:18px 0 0}.pt-chk li{display:flex;gap:10px;margin-top:12px;font-size:14.5px;line-height:1.5;color:var(--ink2)}.pt-chk svg{flex:none;margin-top:3px;color:var(--ink)}.pt-flab-w{position:absolute;font-size:12px;font-weight:500;color:#fff;display:flex;align-items:center;gap:6px;white-space:nowrap;text-shadow:0 1px 6px rgba(0,0,0,.35)}.pt-mini{position:absolute;width:250px;height:520px;background:#fff;border-radius:6px;box-shadow:0 30px 60px -24px #00000073,0 0 0 1px #0000000a;overflow:hidden;color:var(--rg-ink)}.pt-handle{position:absolute;width:7px;height:7px;background:#fff;border:1.5px solid var(--acc)}.pt-prow{display:flex;align-items:center;gap:10px;padding:5px 14px}.pt-prow .k{width:60px;font-size:12px;color:var(--ink3)}.pt-prow .v{flex:1;height:30px;border-radius:7px;background:var(--paper-soft);display:flex;align-items:center;justify-content:space-between;padding:0 10px;font-size:12.5px;color:var(--ink)}.pt-prow .v.sel{background:var(--surface);box-shadow:inset 0 0 0 1.5px var(--acc)}.pt-prow .v svg{width:8px;height:12px;color:var(--ink3)}.pt-srow{display:flex;justify-content:space-between;align-items:center;padding:9px 0;font-size:12.5px;border-top:1px solid var(--hair2);color:var(--ink)}.pt-srow span:first-child{color:var(--ink2)}.pt-tog{position:relative;width:28px;height:16px;border-radius:10px;background:var(--ink)}.pt-tog:after{content:"";position:absolute;right:2px;top:2px;width:12px;height:12px;border-radius:50%;background:var(--surface)}.pt-ico24{width:24px;height:24px;border-radius:7px}.pt-av{flex:none;width:24px;height:24px;border-radius:50%;object-fit:cover}.pt-cmt{font-size:12px;color:var(--ink)}.pt-cmt span{color:var(--ink3)}.pt-cmt+p{font-size:13px;line-height:1.45;margin-top:3px;color:var(--ink)}.pt-mess-shot{width:100%;max-width:1168px;margin:clamp(32px,4vw,56px) auto 0}.pt-tl{position:absolute;font-size:10.5px;font-weight:500;color:var(--ink2);white-space:nowrap}.pt-tf{position:absolute;width:104px;height:150px;border-radius:4px;overflow:hidden;background:#fff;box-shadow:0 0 0 1px #0000000f,0 10px 24px -12px #00000047}.pt-wires path{fill:none;stroke:var(--pt-claude);stroke-width:1.3;opacity:.72}.pt-wires circle{fill:var(--surface);stroke:var(--pt-claude);stroke-width:1.4}.pt-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:48px}.pt-steps>div{border-top:1px solid var(--hair2);padding-top:22px}.pt-steps>div.on{border-top:1.5px solid var(--ink)}.pt-steps .n{font:500 11.5px var(--font-mono);color:var(--ink3)}.pt-steps h3{margin-top:8px;font:500 15.5px var(--font-ui)}.pt-steps p{margin-top:6px;font-size:14.5px;line-height:1.55;color:var(--ink2)}@media(max-width:760px){.pt-steps{grid-template-columns:minmax(0,1fr)}}.m{position:absolute;left:0;top:0;width:208px;height:300px;transform:scale(.5);transform-origin:0 0;background:#fff;color:var(--rg-ink);overflow:hidden;font-family:var(--font-ui)}.m-sb{height:30px}.m-pad{padding:12px 14px 0}.m-h{font-size:20px;font-weight:600;line-height:1.12;letter-spacing:-.02em}.m-p{font-size:11.5px;line-height:1.45;color:#5b635e;margin-top:6px}.m-cap{font-size:10.5px;color:#7c827e;margin-top:2px}.m-lab{font-size:10px;color:#7c827e;margin-top:10px}.m-in{height:30px;border-radius:8px;box-shadow:inset 0 0 0 1px #dfe3e1;padding:0 10px;display:flex;align-items:center;font-size:11.5px;margin-top:4px}.m-btn{position:absolute;left:14px;right:14px;bottom:16px;height:34px;border-radius:10px;background:var(--rg);color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600}.m-btn.dk{background:#111}.m-btn.ln{background:#fff;color:var(--rg-ink);box-shadow:inset 0 0 0 1px #dfe3e1}.m-btn.st{position:static;flex:1}.m-full{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.m-scrim{position:absolute;inset:0;background:#0006}.m-row{display:flex;gap:8px;align-items:center;margin-top:8px;padding:5px;border-radius:10px;background:var(--rg-ground)}.m-row img{width:38px;height:38px;border-radius:7px;object-fit:cover}.m-row b{display:block;font-size:11px;font-weight:600}.m-row span{font-size:9.5px;color:#7c827e}.m-tile{position:relative;height:72px;border-radius:8px;overflow:hidden}.m-tile img{width:100%;height:100%;object-fit:cover}.m-tile span{position:absolute;left:7px;bottom:5px;color:#fff;font-size:11px;font-weight:600;text-shadow:0 1px 4px rgba(0,0,0,.45)}.m-tile.on{box-shadow:inset 0 0 0 2.5px #fff,0 0 0 2px var(--rg)}.m-sheet{position:absolute;left:0;right:0;bottom:0;background:#fff;border-radius:16px 16px 0 0;padding:18px 14px 0}.m-grab{position:absolute;left:50%;top:6px;width:30px;height:3px;margin-left:-15px;border-radius:2px;background:#d6dad8}.m-chip{height:22px;padding:0 9px;border-radius:11px;font-size:10.5px;display:inline-flex;align-items:center;box-shadow:inset 0 0 0 1px #dfe3e1}.m-chip.on{background:var(--rg-ink);color:#fff;box-shadow:none}.m-sl{position:relative;height:4px;border-radius:2px;background:#e3e7e5;margin-top:8px}.m-sl i{position:absolute;inset:0 30% 0 25%;background:var(--rg);border-radius:2px}.m-tag{font-size:9.5px;font-weight:600;padding:2px 6px;border-radius:4px;background:var(--rg-soft);color:var(--rg)}.m-stats{display:grid;grid-template-columns:repeat(3,1fr);margin-top:10px;padding:8px 0;border-top:1px solid #eceeed;border-bottom:1px solid #eceeed;font-size:12px;font-weight:600}.m-stats span{display:block;font-size:9px;font-weight:400;color:#7c827e}.m-rev{display:flex;gap:7px;margin-top:10px}.m-rev img{width:24px;height:24px;border-radius:50%;object-fit:cover;flex:none}.m-rev b{font-size:11px}.m-rev p{font-size:10.5px;color:#5b635e;margin-top:2px;line-height:1.35}.m-st{display:inline-block;width:50px;height:9px;vertical-align:-1px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l3 6.9 7.5.7-5.7 5 1.7 7.4L12 18l-6.5 4 1.7-7.4-5.7-5 7.5-.7z' fill='%23f2b33d'/%3E%3C/svg%3E") 0 0 / 10px 9px repeat-x}.m-li{display:flex;justify-content:space-between;align-items:center;padding:9px 0;border-bottom:1px solid #eceeed;font-size:11.5px}.m-hud{position:absolute;left:10px;right:10px;bottom:12px;background:#fff;border-radius:12px;display:grid;grid-template-columns:repeat(3,1fr);padding:9px 10px;font-size:12px;font-weight:600}.m-hud span{display:block;font-size:9px;font-weight:400;color:#7c827e}.pt-feats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:clamp(32px,4vw,56px)}@media(max-width:960px){.pt-feats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.pt-feats{grid-template-columns:minmax(0,1fr)}}.pt-feat{background:var(--surface);border-radius:var(--r-panel);box-shadow:var(--ring);padding:10px 10px 24px}.pt-vis{position:relative;height:132px;border-radius:9px;background:var(--paper-soft);display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap;align-content:center;padding:0 18px;overflow:hidden}.pt-feat h3{margin:22px 14px 0;font:600 16px var(--font-ui);letter-spacing:-.01em}.pt-feat p{margin:7px 14px 0;font-size:14px;line-height:1.58;color:var(--ink2)}.pt-pill{height:26px;padding:0 10px;border-radius:7px;background:var(--surface);box-shadow:var(--ring);display:inline-flex;align-items:center;gap:10px;font-size:12px;color:var(--ink2);white-space:nowrap}.pt-pill.on{background:var(--ink);color:var(--paper);box-shadow:none}.pt-pill.wide{justify-content:space-between;height:32px}.pt-code{background:#17181a;color:#d4d4d4;font:12px/1.6 var(--font-mono);justify-content:flex-start;text-align:left;padding:0 22px}.pt-code .a{color:#ff9a7e}.pt-code .s{color:#9fd6a8}.app-pill{height:22px;padding:0 9px;border-radius:7px;display:inline-flex;align-items:center;font-size:11px;background:#eef0ef;color:#4d554f}.app-pill.on{background:#141a17;color:#fff}@media(prefers-reduced-motion:reduce){.pt-loop,.pt-chip .dot-matrix i{animation:none}.pt-s1{transform:none}.pt-s2,.pt-s4{transform:translate(100%)}.pt-sheet-in{transform:translateY(100%)}.pt-scrim,.pt-wipe{opacity:0}.pt-cc{transform:translate(742px,659px)}}:root[data-theme=dark] .pt-page{--pt-dot: #2a2a2c}:root[data-theme=dark] .pt-win{box-shadow:var(--win-glow)}:root[data-theme=dark] .pt-win:after,:root[data-theme=dark] .pt-pnl:after{content:"";position:absolute;inset:0;z-index:50;border-radius:inherit;padding:1px;background:linear-gradient(180deg,#ffffff3d,#ffffff1f 30%,#ffffff17);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}:root[data-theme=dark] .pt-pnl{box-shadow:0 30px 70px -20px #000c}:root[data-theme=dark] .pt-chip{box-shadow:0 0 0 1px #ffffff1a,0 10px 30px -10px #000c}:root[data-theme=dark] .pt-tf{box-shadow:0 0 0 1px #ffffff14,0 10px 24px -12px #000c}:root[data-theme=dark] .pt-start,:root[data-theme=dark] .pt-ok{background:#1fc16b24;color:#4ade80}:root[data-theme=dark] .pt-vis{background:var(--paper-deep)}:root[data-theme=dark] .pt-code{background:#111112}
