.ptl-landing{--ptl-accent:#8b3ff5;--ptl-accent-2:#d95cf0;--ptl-soft:#f3ecfe;--ptl-muted:#6b7a84;--ptl-card:#fff;--ptl-highlight:linear-gradient(95deg, #8b3ff5, #d95cf0);--ptl-photo:color-mix(in srgb, var(--color-surface) 92%, var(--color-brand))}.ptl-landing[data-tone=colorize]{--ptl-highlight:linear-gradient(95deg, #f08a24, #e2487f 45%, #8b3ff5);background:radial-gradient(55% 620px at 96% 1250px,#ffdebd57,#0000),radial-gradient(60% 640px at 2% 2500px,#dfd2ff5c,#0000),radial-gradient(55% 600px at 98% 3900px,#ffd6e84d,#0000),radial-gradient(70% 650px at 2% 480px,#fbdef452,#0000)}.ptl-main{container:ptl-page/inline-size}.ptl-landing :where(.ptl-section) p{color:var(--ptl-muted);font-size:15px;line-height:1.7}.ptl-landing :where(.ptl-section) p a{color:var(--ptl-accent);text-underline-offset:2px;font-weight:600;text-decoration:underline}.ptl-badge{background:var(--ptl-soft);color:var(--ptl-accent);border:1px solid #fff;border-radius:30px;align-items:center;gap:8px;margin-bottom:4px;padding:6px 12px;font-size:14px;font-weight:600;display:inline-flex}.ptl-section{margin-top:110px}.ptl-heading{text-align:center;max-width:900px;margin:0 auto 40px}.ptl-heading>p:not(.ptl-eyebrow){margin-top:12px}.ptl-landing .ptl-eyebrow{color:var(--ptl-accent);margin-bottom:4px;font-size:15px;font-weight:600}.ptl-copy>p{margin-top:14px}.ptl-copy>.ptl-button{margin-top:26px}.ptl-small-badge{background:var(--ptl-soft);color:var(--ptl-accent);border-radius:7px;margin-bottom:10px;padding:4px 10px;font-size:13px;font-weight:600;display:inline-flex}.ptl-button{color:#fff;min-height:50px;font-family:var(--font-saira), sans-serif;background-image:url(/assets/images/design-button-grain.svg),linear-gradient(155deg,#df79f6,#934bff 80%);background-size:96px 96px,100% 100%;border:2px solid #fff;border-radius:14px;justify-content:center;align-items:center;gap:9px;padding:11px 20px;font-size:16px;font-weight:600;transition:transform .15s,filter .15s;display:inline-flex;box-shadow:0 10px 24px #8b3ff547}.ptl-button:hover{filter:brightness(1.06);transform:translateY(-1px)}.ptl-bullets{gap:10px;margin-top:18px;display:grid}.ptl-bullets li{color:var(--ptl-muted);align-items:flex-start;gap:10px;font-size:15px;line-height:1.6;display:flex}.ptl-bullets svg{color:var(--ptl-accent);flex:none;margin-top:4px}.ptl-bullets strong{color:var(--color-ink)}.ptl-after-copy{text-align:center;max-width:900px;margin:22px auto 0}.ptl-after-copy:empty{display:none}.ptl-intro{text-align:center;max-width:900px;margin-inline:auto}.ptl-steps{text-align:center;margin-top:80px}.ptl-step-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:38px;display:grid}.ptl-step{background:linear-gradient(180deg, var(--ptl-card), #ffffff4d);border:1px solid #fff;border-radius:26px;padding:14px 14px 22px;box-shadow:0 14px 30px -24px #68429566}.ptl-step-art{aspect-ratio:4/3;border-radius:18px;justify-content:center;align-items:center;display:flex;position:relative}.ptl-step-art>img{border-radius:inherit;object-fit:cover;background:var(--ptl-photo);width:100%;height:100%}.ptl-step-art-0{background:linear-gradient(#ffffff59,#f5eafd),linear-gradient(90deg,#ece6f3 1px,#0000 1px) 0 0/24px 24px,linear-gradient(#ece6f3 1px,#0000 1px) 0 0/24px 24px}.ptl-step-upload{position:relative}.ptl-step-cursor{color:#222;fill:#222;stroke:#fff;position:absolute;bottom:-16px;right:-12px}.ptl-step-action{color:#fff;background:linear-gradient(130deg,#d871fb,#9143ff);border:2px solid #fff;border-radius:12px;justify-content:center;align-items:center;gap:5px;min-width:42px;min-height:40px;padding:7px 11px;font-size:13px;font-weight:600;display:flex;position:absolute;bottom:10px;right:10px;box-shadow:0 8px 18px #6e32c84d}.ptl-step-number{background:var(--ptl-highlight);color:#fff;border:2px solid #fff;border-radius:50%;place-items:center;width:30px;height:30px;font-size:14px;font-weight:700;display:grid;position:absolute;top:10px;left:10px}.ptl-step h3{margin-top:16px}.ptl-landing .ptl-step p{margin-top:6px;font-size:14px}.ptl-split{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:60px;display:grid}.ptl-frame{background:var(--ptl-card);border:1px solid #fff;border-radius:28px;min-width:0;padding:12px;box-shadow:0 20px 44px -30px #68429573}.ptl-landing .ptl-drag-hint{color:var(--ptl-muted);justify-content:center;align-items:center;gap:7px;margin-top:10px;font-size:13px;display:flex}.ptl-swatches{background:var(--ptl-soft);border-radius:18px;margin-top:12px;padding:12px 14px}.ptl-landing .ptl-swatches>p{color:var(--color-ink);font-size:13px;font-weight:600}.ptl-swatches ul{flex-wrap:wrap;gap:8px 14px;margin-top:8px;display:flex}.ptl-swatches li{color:var(--ptl-muted);align-items:center;gap:7px;font-size:13px;display:flex}.ptl-swatches li>span{border:2px solid #fff;border-radius:8px;width:26px;height:26px;box-shadow:0 2px 6px #00000024}.ptl-example-grid{grid-template-columns:repeat(2,minmax(0,1fr));justify-self:center;gap:22px 24px;width:100%;max-width:560px;padding-left:18px;display:grid;position:relative}.ptl-example{aspect-ratio:1;position:relative}.ptl-example-after{object-fit:cover;background:var(--ptl-photo);border:7px solid #fff;border-radius:24px;width:100%;height:100%;box-shadow:0 14px 30px -20px #50327873}.ptl-example-inset{width:40%;position:absolute;bottom:14px;left:-18px}.ptl-example:nth-child(2n) .ptl-example-inset{left:auto;right:-14px}.ptl-example-inset>img{aspect-ratio:1;object-fit:cover;background:var(--ptl-photo);border:4px solid #fff;border-radius:14px;width:100%;display:block;box-shadow:0 6px 14px #00000024}.ptl-example-inset>span{color:#fff;background:#14141899;border-radius:8px;padding:1px 7px;font-size:10px;font-weight:600;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.ptl-example-label{color:#fff;white-space:nowrap;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#14141880;border-radius:18px;max-width:calc(100% - 32px);padding:3px 10px;font-size:12px;font-weight:500;position:absolute;top:15px;left:16px}.ptl-example>.ms-comparison-open{border-radius:24px}.ptl-example:nth-child(2n) .ms-comparison-open-mark{left:12px;right:auto}.ptl-benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.ptl-benefit{background:var(--ptl-card);border:1px solid #fff;border-radius:26px;padding:12px 12px 20px;box-shadow:0 18px 40px -30px #68429573}.ptl-benefit h3{align-items:center;gap:10px;margin:16px 6px 0;display:flex}.ptl-landing .ptl-benefit p{margin:6px 6px 0 42px;font-size:14px}.ptl-check{background:var(--ptl-soft);width:28px;height:28px;color:var(--ptl-accent);border-radius:50%;flex:none;place-items:center;display:grid}.ptl-chips{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:26px;display:flex}.ptl-chips li{background:var(--ptl-card);color:var(--color-ink);border:1px solid #fff;border-radius:999px;align-items:center;gap:8px;padding:9px 16px;font-size:14px;font-weight:500;display:flex;box-shadow:0 8px 20px -16px #68429580}.ptl-chips svg{color:var(--ptl-accent)}.ptl-tips .ptl-bullets{max-width:900px;margin-inline:auto}.ptl-tips-panel{background:var(--ptl-card);border:1px solid #fff;border-radius:30px;margin-top:30px;padding:22px;box-shadow:0 20px 44px -30px #68429573}.ptl-tips-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.ptl-tip-title{align-items:center;gap:10px;font-weight:600;display:flex;font-size:19px!important}.ptl-tip-good .ptl-tip-title{color:#0a9a4a!important}.ptl-tip-poor .ptl-tip-title{color:#e04844!important}.ptl-tip-icon{color:#fff;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.ptl-tip-good .ptl-tip-icon{background:#12b15a}.ptl-tip-poor .ptl-tip-icon{background:#ef5856}.ptl-tip-body{border-radius:22px;grid-template-columns:minmax(0,1fr) 170px;align-items:center;gap:14px;margin-top:12px;padding:14px;display:grid}.ptl-tip-good .ptl-tip-body{background:#e3f6e8}.ptl-tip-poor .ptl-tip-body{background:#fdeeee}.ptl-tip-body>img{aspect-ratio:4/5;object-fit:cover;background:var(--ptl-photo);border-radius:14px;width:100%}.ptl-tip-chips{gap:10px;display:grid}.ptl-tip-chips li{background:var(--ptl-card);border-radius:14px;gap:2px;padding:11px 12px;display:grid;box-shadow:0 6px 16px -12px #0000004d}.ptl-tip-chips svg{color:var(--ptl-accent)}.ptl-tip-chips strong{color:var(--color-ink);font-family:var(--font-saira), sans-serif;margin-top:4px;font-size:14px;font-weight:600;line-height:1.25}.ptl-tip-chips span{color:var(--ptl-muted);font-size:12px;line-height:1.35}.ptl-landing .ptl-tip-note{color:var(--color-ink);text-align:center;justify-content:center;align-items:center;gap:9px;margin-top:20px;font-size:15px;font-weight:500;display:flex}.ptl-tip-note svg{color:var(--ptl-accent);flex:none}.ptl-stack{padding:0 0 46px 34px;position:relative}.ptl-stack-after{aspect-ratio:4/3;object-fit:cover;background:var(--ptl-photo);border:8px solid #fff;border-radius:26px;width:100%;display:block;box-shadow:0 22px 46px -30px #5032788c}.ptl-stack-tag{color:#fff;background:linear-gradient(90deg,#8b3ff5,#d95cf0);border-radius:999px;padding:3px 10px;font-size:12px;font-weight:600;position:absolute;top:20px;right:22px}.ptl-stack-before{background:#fdfcf8;border-radius:6px;width:44%;padding:7px 7px 26px;position:absolute;bottom:0;left:0;transform:rotate(-5deg);box-shadow:0 14px 30px #281e3c3d}.ptl-stack-before img{aspect-ratio:4/3;object-fit:cover;border-radius:2px;width:100%;display:block}.ptl-stack-before figcaption{color:#6b6458;text-align:center;font-size:12px;font-weight:600;position:absolute;bottom:5px;left:0;right:0}.ptl-stack>.ms-comparison-open{border-radius:26px}.ptl-stack .ms-comparison-open-mark{bottom:58px;right:18px}.ptl-people{flex-wrap:wrap;gap:9px;margin-top:22px;display:flex}.ptl-people li{background:var(--ptl-card);color:var(--color-ink);border:1px solid #fff;border-radius:999px;align-items:center;gap:8px;padding:8px 13px;font-size:14px;font-weight:500;display:flex;box-shadow:0 8px 20px -16px #68429580}.ptl-people svg{color:var(--ptl-accent)}.ptl-faq-list{max-width:880px;margin-inline:auto}.ptl-cta{text-align:center}.ptl-cta>h2{color:#0000;background:var(--ptl-highlight);-webkit-background-clip:text;background-clip:text}.ptl-landing .ptl-cta>p{max-width:680px;color:var(--color-ink);opacity:.82;margin:12px auto 0}.ptl-cta>.ptl-button{margin-top:24px}.ptl-landing .ptl-cta>.ptl-cta-help{color:var(--ptl-muted);opacity:1;margin-top:12px;font-size:13px}.dark .ptl-landing{--ptl-soft:#2c2140;--ptl-muted:var(--color-muted);--ptl-card:var(--color-surface);--ptl-accent:#c79bff}.dark .ptl-landing[data-tone=colorize]{background:radial-gradient(60% 640px at 96% 1250px,#78462824,#0000),radial-gradient(60% 640px at 2% 2500px,#4e328229,#0000)}.dark .ptl-landing :where(.ptl-step,.ptl-frame,.ptl-benefit,.ptl-tips-panel,.ptl-chips li,.ptl-people li,.ptl-badge){border-color:var(--color-line)}.dark .ptl-step{background:linear-gradient(180deg, var(--color-surface), transparent)}.dark .ptl-step-art-0{background:linear-gradient(#15151b26,#251d30),linear-gradient(90deg,#382e43 1px,#0000 1px) 0 0/24px 24px,linear-gradient(#382e43 1px,#0000 1px) 0 0/24px 24px}.dark .ptl-landing :where(.ptl-example-after,.ptl-example-inset>img,.ptl-step-action,.ptl-step-number,.ptl-button),.dark .ptl-stack-after{border-color:var(--color-surface)}.dark .ptl-stack-before{background:#e9e4d8}.dark .ptl-tip-good .ptl-tip-body{background:#17352a}.dark .ptl-tip-poor .ptl-tip-body{background:#3a2226}.dark .ptl-tip-good .ptl-tip-title{color:#74d9a2!important}.dark .ptl-tip-poor .ptl-tip-title{color:#ff9c99!important}.dark .ptl-swatches li>span{border-color:var(--color-surface)}@container ptl-page (max-width:899px){.ptl-split{gap:36px}.ptl-tip-body{grid-template-columns:minmax(0,1fr)}.ptl-tip-chips{grid-template-columns:repeat(3,minmax(0,1fr))}}@container ptl-page (max-width:759px){.ptl-section{margin-top:64px}.ptl-steps{margin-top:56px}.ptl-split,.ptl-tips-grid{grid-template-columns:minmax(0,1fr);gap:28px}.ptl-step-grid{grid-template-columns:minmax(0,1fr);gap:18px;max-width:460px;margin-inline:auto}.ptl-examples>.ptl-copy,.ptl-audience>.ptl-copy{order:-1}.ptl-example-grid{max-width:480px}.ptl-benefit-grid{grid-template-columns:minmax(0,1fr);max-width:560px;margin-inline:auto}.ptl-heading{margin-bottom:28px}}@media (max-width:767px){.ptl-section{margin-top:48px}.ptl-steps{margin-top:40px}.ptl-landing :where(.ptl-section) p{font-size:14px}.ptl-badge{padding:4px 10px;font-size:12px}.ptl-step{border-radius:22px;padding:10px 10px 18px}.ptl-frame{border-radius:22px;padding:8px}.ptl-example-grid{gap:14px;padding-left:12px}.ptl-example-after{border-width:5px;border-radius:18px}.ptl-example-inset{left:-12px}.ptl-example:nth-child(2n) .ptl-example-inset{right:-8px}.ptl-example-inset>img{border-width:3px;border-radius:10px}.ptl-example-label{padding:2px 7px;font-size:11px;top:10px;left:10px}.ptl-benefit{border-radius:22px;padding:8px 8px 16px}.ptl-benefit h3{margin-top:12px}.ptl-chips li,.ptl-people li{padding:7px 12px;font-size:13px}.ptl-stack{padding:0 0 34px 18px}.ptl-stack-after{border-width:5px;border-radius:20px}.ptl-stack-before{padding:5px 5px 20px}.ptl-stack-before figcaption{font-size:11px;bottom:3px}.ptl-stack-tag{font-size:11px;top:13px;right:14px}.ptl-stack .ms-comparison-open-mark{bottom:44px;right:12px}.ptl-tips-panel{border-radius:22px;padding:12px}.ptl-tip-body{border-radius:18px;padding:10px}.ptl-tip-chips{grid-template-columns:minmax(0,1fr)}.ptl-tip-chips li{padding:9px 10px}.ptl-landing .ptl-tip-note{text-align:left;align-items:flex-start;font-size:14px}.ptl-tip-note svg{margin-top:3px}.ptl-button{min-height:46px;font-size:15px}}@media (prefers-reduced-motion:reduce){.ptl-button{transition:none}.ptl-button:hover{transform:none}}@media (forced-colors:active){.ptl-cta>h2{color:canvastext;background:0 0}.ptl-step-number,.ptl-step-action,.ptl-button{color:highlighttext;background:highlight}}