.pn-wrap{--paper:#fff;--paper-2:#f1f1f1;--ink:#0e0e0e;--muted:#54595f;--line:#0e0e0e1f;--chip:#ffffffb0;--dot:#0e0e0e1f;--night:#0e0e0e;--night-2:#1b1a1a;--night-ink:#fff;--night-muted:#ffffffb5;--accent:#ff5101;--on-accent:#fff;--s1:8px;--s2:16px;--s3:24px;--s4:32px;--font-body:"DM Sans",system-ui,sans-serif;--font-head:"Syne","DM Sans",system-ui,sans-serif}@media (prefers-color-scheme:dark){.pn-wrap:not([data-theme=light]){--paper:#101d1c;--paper-2:#0a1514;--ink:#f4f3ea;--muted:#a3b9b5;--line:#ffffff1f;--chip:#ffffff0d;--dot:#ffffff1a}}.pn-wrap[data-theme=dark]{--paper:#101d1c;--paper-2:#0a1514;--ink:#f4f3ea;--muted:#a3b9b5;--line:#ffffff1f;--chip:#ffffff0d;--dot:#ffffff1a}.pn-wrap,.pn-wrap *,.pn-wrap :before,.pn-wrap :after{box-sizing:border-box}.pn-wrap{font-family:var(--font-body);background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0}.pn-wrap a{color:inherit;text-decoration:none}.pn-wrap .split{grid-template-columns:1fr 1fr;height:100svh;display:grid;position:relative;overflow:hidden}.pn-wrap .panel{justify-content:center;align-items:flex-start;gap:clamp(8px,2vh,var(--s3));flex-direction:column;min-height:0;padding:clamp(20px,4.5vh,64px) clamp(24px,6vw,96px);display:flex;position:relative;overflow:hidden}.pn-wrap .panel>*{z-index:1;position:relative}.pn-wrap .panel-html{background:radial-gradient(circle at 1px 1px,var(--dot) 1px,transparent 0) 0 0/24px 24px,linear-gradient(160deg,var(--paper),var(--paper-2))}.pn-wrap .panel-wp{color:var(--night-ink);background:radial-gradient(60% 50% at 90% 0%,#ff51012e 0%,transparent 70%),radial-gradient(40% 40% at 0% 100%,#ff51011a 0%,transparent 70%),linear-gradient(200deg,var(--night-2),var(--night) 65%)}.pn-wrap .panel-wp:before{content:"";z-index:0;background:linear-gradient(#ffffff08 1px,#0000 1px) 0 0/56px 56px,linear-gradient(90deg,#ffffff08 1px,#0000 1px) 0 0/56px 56px;position:absolute;inset:0}.pn-wrap .eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);align-items:center;gap:12px;font-size:.72rem;font-weight:600;display:inline-flex}.pn-wrap .eyebrow b{color:var(--ink);border-right:1px solid var(--line);padding-right:12px;font-weight:600}.pn-wrap .panel-wp .eyebrow{color:var(--night-muted)}.pn-wrap .panel-wp .eyebrow b{color:var(--accent);border-color:#ffffff2e}.pn-wrap .pill{border:1px solid var(--line);background:var(--chip);border-radius:99px;align-items:center;gap:10px;padding:6px 16px 6px 6px;font-size:.8rem;font-weight:500;display:inline-flex}.pn-wrap .pill:before{content:"✓";background:var(--ink);width:22px;height:22px;color:var(--paper);border-radius:50%;place-items:center;font-size:.65rem;display:grid}.pn-wrap .pill.free{background:var(--accent);color:var(--on-accent);border-color:#0000;font-weight:600}.pn-wrap .pill.free:before{background:var(--on-accent);color:var(--accent)}.pn-wrap .pn-title{max-width:15ch;font-weight:500;font-family:var(--font-head);letter-spacing:-.03em;margin:0;font-size:clamp(1.7rem,min(3.2vw,5vh),3.1rem);line-height:1.1}.pn-wrap .pn-title em{color:var(--accent);font-style:normal;font-weight:600}.pn-wrap .sub{max-width:44ch;color:var(--muted);margin:0;font-size:1rem;line-height:1.65}.pn-wrap .panel-wp .sub{color:var(--night-muted)}.pn-wrap .stage{width:min(640px,100%,61.364vh - 45.356px);position:relative}.pn-wrap .chips{z-index:2;gap:var(--s1);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex;position:absolute;bottom:16px;left:16px}.pn-wrap .chips li{color:#f4f3ea;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:default;background:#08201fb8;border:1px solid #ffffff2b;border-radius:99px;padding:7px 14px;font-size:.78rem;font-weight:500;transition:transform .45s cubic-bezier(.2,.8,.2,1),background .3s,color .3s}.pn-wrap .stage:hover .chips li{transform:translateY(-14px)}.pn-wrap .stage:hover .chips li:nth-child(2){transition-delay:60ms}.pn-wrap .stage:hover .chips li:nth-child(3){transition-delay:.12s}.pn-wrap .chips li:hover{background:var(--accent);color:var(--on-accent);border-color:#0000}.pn-wrap .pill{transition:transform .3s}.pn-wrap .pill:hover{transform:translateY(-3px)}.pn-wrap .frame{border:1px solid var(--line);background:#0e0e0e;border-radius:14px;width:100%;transition:transform .5s;overflow:hidden;box-shadow:0 40px 70px -32px #0009,0 2px 6px #0003}.pn-wrap .panel-wp .frame{border-color:#ffffff1f}.pn-wrap .panel:hover .frame{transform:translateY(-4px)}.pn-wrap .bar{background:#181818;align-items:center;gap:6px;padding:10px 14px;display:flex}.pn-wrap .bar i{background:#fff3;border-radius:50%;width:8px;height:8px}.pn-wrap .bar span{color:#a3b9b5;background:#ffffff12;border-radius:99px;margin-left:10px;padding:2px 14px;font-size:.66rem}.pn-wrap .shot{aspect-ratio:4/3;object-fit:cover;object-position:top;width:100%;height:auto;display:block}.pn-wrap .btn{border:1px solid #0000;border-radius:99px;align-items:center;gap:12px;padding:13px 24px;font-size:.9rem;font-weight:600;transition:transform .3s;display:inline-flex}.pn-wrap .btn:after{content:"→";transition:transform .3s}.pn-wrap .btn:hover{transform:translateY(-2px)}.pn-wrap .btn:hover:after{transform:translate(4px)}.pn-wrap .btn-line{border-color:var(--ink)}.pn-wrap .btn-line:hover{background:var(--ink);color:var(--paper)}.pn-wrap .btn-accent{background:var(--accent);color:var(--on-accent);box-shadow:0 14px 30px -12px #ff5101a0}.pn-wrap .seam{z-index:5;background:var(--accent);width:64px;height:64px;color:var(--on-accent);box-shadow:0 0 0 6px var(--paper),0 16px 36px -10px #0007;border-radius:50%;place-items:center;font-size:1.6rem;font-weight:500;line-height:1;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (max-height:760px) and (min-width:901px){.pn-wrap .sub{display:none}}@media (max-height:620px) and (min-width:901px){.pn-wrap .eyebrow{display:none}}@media (max-width:900px){.pn-wrap .split{grid-template-rows:1fr 1fr;grid-template-columns:1fr}.pn-wrap .seam{width:52px;height:52px;box-shadow:0 0 0 5px var(--paper),0 12px 26px -10px #0007;font-size:1.3rem}.pn-wrap .panel{gap:1.2vh;padding:2.5vh 20px}.pn-wrap .panel-wp{padding-top:4vh}.pn-wrap .panel-html{padding-bottom:4vh}.pn-wrap .eyebrow,.pn-wrap .sub,.pn-wrap .chips{display:none}.pn-wrap .pn-title{max-width:none;font-size:min(7vw,4.2vh)}.pn-wrap .stage{width:min(520px,100%,29.348vh - 45.356px)}.pn-wrap .btn{padding:1.1vh 20px}}@media (prefers-reduced-motion:reduce){.pn-wrap,.pn-wrap *{transition:none!important}}.pn-wrap .split a{font-family:var(--font-body);letter-spacing:normal;word-spacing:normal;text-transform:none;line-height:1.2;text-decoration:none}.pn-wrap .split .panel-html,.pn-wrap .split .btn-line{color:var(--ink)}.pn-wrap .split .btn-line:hover{color:var(--paper)}.pn-wrap .split .btn-accent,.pn-wrap .split .seam{color:var(--on-accent)}.pn-wrap .split .pn-title{font-family:var(--font-head,var(--font-body));color:inherit;text-transform:none;word-spacing:normal}.pn-wrap .split p,.pn-wrap .split li,.pn-wrap .split .eyebrow,.pn-wrap .split .pill{font-family:var(--font-body)}