.product-faq-page{width:calc(100% - 64px);max-width:1216px;margin:auto;padding:8px 0 72px}.pf-intro h1{font:700 40px/48px var(--heading-font);letter-spacing:-.035em}.pf-protocol{max-width:1152px;margin-top:16px;padding:24px;background:white;border-radius:14px;box-shadow:0 1px 2px #18213d12}.pf-protocol>small{display:flex;align-items:center;gap:4px;font:400 14px/22px var(--font);color:#007653}.pf-protocol>small svg{width:18px;height:18px;flex-shrink:0}.pf-protocol>p{font:400 16px/26px var(--font);margin-top:16px}.pf-protocol blockquote{display:flex;gap:8px;align-items:center;margin:16px 0 0;padding:16px;border-radius:8px;background:#f3f1ff;text-transform:uppercase;font:500 14px/20px var(--font);color:#697581;letter-spacing:.01em}.pf-protocol blockquote span{color:#006d93;font-size:22px;line-height:20px}.pf-workspace{display:grid;grid-template-columns:1.42fr 1fr;gap:24px;align-items:start;margin-top:40px}.pf-workspace>*{min-width:0}.pf-editor,.pf-preview,.pf-inputs{padding:24px;background:white;border-radius:14px}.pf-editor>header,.pf-preview>header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.pf-editor h2,.pf-preview>header h2{display:flex;align-items:center;gap:4px;font:600 14px/22px var(--font);letter-spacing:.015em;text-transform:uppercase}.pf-editor h2 svg{width:16px;height:16px;color:#006d93}.pf-editor button{display:flex;align-items:center;gap:4px;background:#e9ecff;color:#006d93;padding:4px 8px;border-radius:9px;font:400 14px/22px var(--font)}.pf-editor button svg{width:14px;height:14px}#product-faq-prompt{padding:16px;border-radius:8px;background:#12192d}#product-faq-prompt p{font:400 13px/22px 'Courier New',monospace;color:#f0f2f6}#product-faq-prompt p+p{margin-top:24px}.pf-variable{padding:0 4px;border-radius:2px;font-weight:700;box-decoration-break:clone;-webkit-box-decoration-break:clone;overflow-wrap:anywhere}.pf-variable.blue{background:#184560;color:#bde9ff}.pf-variable.mint{background:#355454;color:#62ffbd}.pf-variable.lime{background:#394a21;color:#b3ff35}.pf-editor footer{display:flex;gap:4px;align-items:center;font:400 12px/18px var(--font);color:#394553;margin-top:16px}.pf-editor footer>span{color:#006d93;font-size:14px}.pf-inputs{margin-top:24px}.pf-inputs>div{background:#f3f1ff;border-radius:8px;padding:16px}.pf-inputs h2{font:600 18px/26px var(--heading-font);letter-spacing:-.03em}.pf-inputs p{background:white;border-radius:3px;padding:8px;margin-top:4px;font:400 14px/22px 'Courier New',monospace}.pf-preview>header{margin-bottom:16px}.pf-preview>header h2{color:#006d93;letter-spacing:0;white-space:nowrap}.pf-preview header>span{background:#baffdf;color:#006d50;padding:2px 4px;border-radius:20px;font:400 14px/22px var(--font);white-space:nowrap}.pf-preview figure{position:relative;overflow:hidden;border-radius:12px}.pf-preview img{display:block;width:100%;height:auto;aspect-ratio:445/192;object-fit:cover}.pf-preview figcaption{position:absolute;bottom:0;left:0;width:100%;padding:16px;background:linear-gradient(transparent,#0009);color:white}.pf-preview figcaption small{font:400 14px/22px var(--font);text-transform:uppercase;color:#d4eef8}.pf-preview h3{font:700 18px/26px var(--heading-font);letter-spacing:-.03em}.pf-sample-faq{margin-top:16px}.pf-sample-faq details{background:#f3f1ff;border-radius:12px;padding:16px}.pf-sample-faq details+details{margin-top:8px}.pf-sample-faq summary{display:flex;justify-content:space-between;gap:12px;list-style:none;cursor:pointer;font:600 14px/22px var(--font);letter-spacing:-.02em}.pf-sample-faq summary:after{content:'';border-right:1.5px solid #006d93;border-bottom:1.5px solid #006d93;width:6px;height:6px;flex-shrink:0;transform:rotate(45deg);margin:5px 2px 0}.pf-sample-faq details[open] summary:after{transform:rotate(225deg);margin-top:9px}.pf-sample-faq summary::-webkit-details-marker,.pf-guidance summary::-webkit-details-marker{display:none}.pf-sample-faq p{font:400 14px/22px var(--font);margin-top:4px}.pf-tools{display:flex;flex-wrap:wrap;gap:4px;max-width:330px;padding:0;margin:20px 0 0;list-style:none}.pf-tools li{background:#e9ecff;padding:4px 8px;border-radius:24px;font:400 14px/22px var(--font);color:#394553}.pf-fix{display:flex;align-items:flex-start;gap:8px;background:#e1e5ff;padding:16px;border-radius:8px;margin-top:16px}.pf-fix svg{width:20px;height:20px;flex-shrink:0;color:#006d93}.pf-fix p{font:600 12px/18px var(--font);color:var(--ink)}.pf-narrow{max-width:1152px}.pf-steps{margin-top:64px}.pf-steps>h2,.pf-guidance>h2{font:700 28px/36px var(--heading-font);letter-spacing:-.035em}.pf-steps>div{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:start;margin-top:24px}.pf-steps article{padding:24px;background:white;border-radius:14px}.pf-steps header{display:flex;align-items:center;justify-content:space-between;gap:12px}.pf-steps header>b{font:700 40px/48px var(--heading-font);letter-spacing:-.04em;color:#95c0cf}.pf-steps header>span{padding:2px 4px;background:#e9ecff;border-radius:20px;font:400 14px/22px var(--font);color:#394553}.pf-steps article:nth-child(2) header>b{color:#93c6b5}.pf-steps article:nth-child(3) header>b{color:#b0c498}.pf-steps h3{font:700 18px/26px var(--heading-font);letter-spacing:-.03em;margin-top:8px}.pf-steps p{font:400 14px/23px var(--font);margin-top:8px}.pf-guidance{max-width:896px;margin-top:64px}.pf-guidance>h2{margin-bottom:16px}.pf-guidance details{padding:24px;background:white;border-radius:14px}.pf-guidance details+details{margin-top:16px}.pf-guidance summary{display:flex;align-items:center;gap:4px;list-style:none;cursor:pointer;font:600 14px/22px var(--font);color:#006d93}.pf-guidance svg{width:16px;height:16px;flex-shrink:0}.pf-guidance p{margin:4px 0 0 28px;font:400 14px/22px var(--font)}.pf-related{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start;margin-top:48px}.pf-related a{display:block;padding:24px;background:white;border-radius:14px}.pf-related small{font:400 14px/22px var(--font);text-transform:uppercase;color:#74808d}.pf-related h3{font:700 18px/26px var(--heading-font);letter-spacing:-.03em}.pf-related small+h3{margin-top:4px}.pf-related p{font:400 14px/22px var(--font);margin-top:4px}.pf-cta{display:flex;justify-content:center;align-items:center;background:#272e43;border-radius:12px;box-shadow:0 9px 16px #18213d26;margin-top:64px;padding:44px 24px 40px}.pf-cta button{display:flex;align-items:center;justify-content:center;gap:4px;background:linear-gradient(100deg,#00a9dc,#00735c,#70b600);box-shadow:inset 0 3px 6px #03a9be90;border-radius:12px;padding:8px 24px;color:white;font:600 14px/20px var(--heading-font);letter-spacing:-.015em}.pf-cta svg{width:16px;height:16px;flex-shrink:0}#product-faq-copy-status{display:none;position:fixed;bottom:24px;left:50%;transform:translateX(-50%);max-width:calc(100% - 32px);padding:12px 20px;background:#173e47;color:white;border-radius:12px;z-index:100}#product-faq-copy-status.visible{display:block}
@media(max-width:1100px){.pf-break{display:none}.pf-preview>header{flex-wrap:wrap}.pf-editor>header{flex-wrap:wrap}.pf-preview h3{font-size:16px;line-height:24px}.pf-protocol blockquote{align-items:flex-start}}@media(max-width:800px){.product-faq-page{width:calc(100% - 40px);padding-top:24px}.pf-intro h1{font-size:34px;line-height:42px}.pf-workspace,.pf-steps>div,.pf-related{grid-template-columns:1fr}.pf-steps,.pf-guidance,.pf-related,.pf-cta{margin-top:40px}.pf-preview>header{flex-wrap:nowrap}.pf-protocol blockquote{font-size:12px}.pf-cta{padding:32px 20px}}@media(max-width:440px){.product-faq-page{width:calc(100% - 32px)}.pf-intro h1{font-size:30px;line-height:38px}.pf-protocol,.pf-editor,.pf-preview,.pf-inputs{padding:20px 16px}.pf-protocol>small{align-items:flex-start}.pf-protocol p{font-size:14px;line-height:23px}.pf-preview>header{flex-wrap:wrap}#product-faq-prompt{padding:14px}#product-faq-prompt p{font-size:12px;line-height:21px}.pf-editor footer{align-items:flex-start}.pf-inputs p{font-size:12px}.pf-preview figcaption{padding:12px}.pf-preview figcaption h3{font-size:14px;line-height:20px}.pf-preview figcaption small{font-size:11px;line-height:16px}.pf-guidance details{padding:20px}.pf-guidance p{margin-left:20px}.pf-related a{padding:20px}.pf-cta button{padding:12px;font-size:12px}}