.cat-page{--cat-ink:#18202b;--cat-muted:#616d7c;color:var(--cat-ink);background:#f8f9fc}.cat-container{width:min(1180px,100% - 48px);margin-inline:auto}.cat-section{padding-block:64px;scroll-margin-top:90px}.cat-hero{grid-template-columns:1.15fr 1fr;align-items:center;gap:76px;padding-block:64px 80px;display:grid}.cat-eyebrow{color:#3c6398;letter-spacing:.03em;margin-bottom:22px;font-size:14px;font-weight:600}.cat-page h1{white-space:pre-line;letter-spacing:-.045em;margin:0 0 26px;font-size:clamp(42px,4.5vw,68px);font-weight:650;line-height:1.06}.cat-lead{color:var(--cat-muted);max-width:510px;margin-bottom:30px;font-size:18px;line-height:1.7}.cat-button{color:#fff;background:#0866ed;border-radius:999px;justify-content:center;align-items:center;gap:12px;padding:15px 23px;font-size:15px;font-weight:600;transition:background .15s;display:inline-flex}.cat-button:hover{background:#0757cb}.cat-text-link{width:fit-content;color:var(--cat-muted);align-items:center;gap:9px;margin-top:20px;font-size:14px;display:flex}.cat-hero-art{border-radius:28px;margin:0;position:relative;overflow:hidden;box-shadow:0 18px 50px #21354b0e}.cat-hero-art img{aspect-ratio:4/5;object-fit:cover;width:100%;height:auto;display:block}.cat-hero-art figcaption{color:#fff;background:linear-gradient(#0000,#111c2bb3);width:100%;padding:36px 22px 18px;font-size:12px;position:absolute;bottom:0;left:0}.cat-heading{text-align:center;max-width:740px;margin:0 auto 36px}.cat-page h2{letter-spacing:-.035em;font-size:clamp(28px,3vw,39px);font-weight:600;line-height:1.18}.cat-heading p{color:var(--cat-muted);margin-top:16px;font-size:16px;line-height:1.7}.cat-studio{background:#eef3fb;border-block:1px solid #e0e7f1}.cat-studio-note{color:var(--cat-muted);text-align:center;max-width:780px;margin:22px auto 0;font-size:13px;line-height:1.7}.cat-studio-note a{color:#155cc0;text-underline-offset:3px;align-items:center;gap:5px;margin-left:6px;text-decoration:underline;display:inline-flex}.cat-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.cat-prompt{background:#fff;border:1px solid #e0e5ed;border-radius:22px;flex-direction:column;padding:28px;display:flex}.cat-card-top{justify-content:space-between;align-items:center;margin-bottom:27px;display:flex}.cat-icon{color:#345b89;background:#ecf2fb;border-radius:15px;place-items:center;width:50px;height:50px;display:grid}.cat-prompt-paws .cat-icon{color:#a45c39;background:#fff2e7}.cat-prompt-green .cat-icon{color:#487252;background:#edf5ec}.cat-number{color:#8c97a5;font-variant-numeric:tabular-nums;font-size:13px}.cat-page h3{letter-spacing:-.02em;font-size:20px;font-weight:600;line-height:1.35}.cat-prompt>p,.cat-how p{color:var(--cat-muted);margin-top:12px;font-size:15px;line-height:1.7}.cat-prompt details{margin-top:24px;margin-bottom:22px;font-size:13px}.cat-prompt summary{cursor:pointer;color:#53647c}.cat-prompt details p{color:var(--cat-muted);margin-top:14px;line-height:1.7}.cat-prompt-use{color:#155cc0;cursor:pointer;text-align:left;border-top:1px solid #e8edf3;justify-content:space-between;align-items:center;margin-top:auto;padding-top:20px;font-size:14px;font-weight:600;display:flex}.cat-prompt:has(button[aria-pressed=true]){border-color:#8aafe9}.cat-how{border-bottom:1px solid #e1e6ee}.cat-how ol{margin-top:42px;padding:0;list-style:none}.cat-how li{padding-right:24px}.cat-step-number{color:#3972bc;margin-bottom:14px;font-size:13px;display:block}.cat-about{grid-template-columns:.85fr 1.15fr;gap:80px;display:grid}.cat-about p{color:var(--cat-muted);margin:0 0 16px;line-height:1.8}.cat-about a{color:#155cc0;text-underline-offset:3px;font-size:13px;text-decoration:underline}.cat-faq{max-width:840px;padding-top:32px}.cat-faq details{border-bottom:1px solid #dfe5ed}.cat-faq summary{cursor:pointer;padding:22px 28px 22px 0;font-size:16px;font-weight:550}.cat-faq details p{color:var(--cat-muted);padding-bottom:24px;font-size:15px;line-height:1.8}.cat-cta{background:#edf3fc;border:1px solid #dbe5f4;border-radius:24px;justify-content:space-between;align-items:center;gap:30px;padding:42px;display:flex}.cat-cta h2{max-width:650px;font-size:30px}.cat-cta p{color:var(--cat-muted);margin-top:12px}.cat-cta .cat-button{flex-shrink:0}.cat-related{color:var(--cat-muted);flex-wrap:wrap;justify-content:center;gap:16px 24px;margin-top:32px;font-size:13px;display:flex}.cat-related a{text-underline-offset:4px;text-decoration:underline}.cat-page main a:focus-visible,.cat-page main button:focus-visible,.cat-page main summary:focus-visible{outline-offset:5px;outline:3px solid #6396df}@media (width<=900px){.cat-hero{gap:32px}.cat-grid{gap:15px}.cat-prompt{padding:22px}.cat-about{gap:35px}.cat-cta{padding:30px}}@media (width<=640px){.cat-container{width:calc(100% - 36px)}.cat-hero{grid-template-columns:1fr;gap:32px;padding-block:38px 42px}.cat-page h1{font-size:44px}.cat-lead{margin-bottom:24px;font-size:16px}.cat-hero-art{width:100%;max-width:420px;margin-inline:auto}.cat-section{padding-block:42px}.cat-grid{grid-template-columns:1fr;gap:18px}.cat-heading{text-align:left;margin-bottom:27px}.cat-heading p{font-size:15px}.cat-about{grid-template-columns:1fr;gap:24px}.cat-how li{padding:0 0 14px}.cat-step-number{margin-bottom:8px}.cat-cta{padding:26px;display:block}.cat-cta .cat-button{margin-top:24px}.cat-cta h2{font-size:27px}.cat-related{justify-content:flex-start}.cat-related>span{width:100%}}.cat-page{--duo-panel:#fff;--duo-foreground:#18202b;--duo-muted:#616d7c;--duo-accent:#0866ed;--duo-border:#dbe3ef}.cat-studio #generator{max-width:760px;margin-inline:auto}.cat-page .single-photo-grid{grid-template-columns:1fr}.cat-page .single-photo-grid .duo-photo-slot{aspect-ratio:auto;min-height:220px;max-height:300px}.cat-page .duo-photo-preview{object-fit:contain}.cat-page .duo-action{color:#fff;background:#0866ed;border-radius:999px;min-height:48px}.cat-page .duo-action:disabled{opacity:.5;cursor:not-allowed}.cat-page .duo-segmented button[aria-pressed=true]{color:#155cc0;background:#eaf1ff}.cat-page .duo-photo-slot{background:#f8faff}
