/* Shared neutral composition for public creator/streaming tool product pages. */
.public-tool-page{line-height:1.75;--public-accent:var(--pink)}
.public-tool-page .site-header .header-inner{flex-wrap:wrap;padding-block:12px}
.public-tool-page .tool-nav{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.public-tool-page .tool-nav a{min-height:44px;display:inline-flex;align-items:center;padding:7px 12px;border:2px solid var(--ink);border-radius:999px;background:#fff;text-decoration:none;font-size:12px;font-weight:950}
.public-tool-page main{width:min(1080px,calc(100% - 30px));margin:auto}
.public-tool-page .hero{padding:76px 0 58px;border-bottom:var(--line)}
.public-tool-page .eyebrow{font-size:11px;font-weight:1000;letter-spacing:.18em;color:#6f58c8}
.public-tool-page .hero h1{font-size:clamp(44px,7vw,78px);line-height:1.02;letter-spacing:-.055em;margin:16px 0 24px}
.public-tool-page .hero p,.public-tool-page .muted,.public-tool-page .card p{color:var(--muted);max-width:760px}
.public-tool-page .price{font-size:clamp(34px,5vw,48px);font-weight:1000;margin:28px 0 8px}
.public-tool-page .price small{font-size:15px;color:var(--muted)}
.public-tool-page .actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.public-tool-page .button{display:inline-flex;min-height:48px;padding:10px 18px;border:2px solid var(--ink);border-radius:999px;background:#fff;color:var(--ink);text-decoration:none;font-weight:1000;align-items:center;justify-content:center;box-shadow:3px 3px 0 var(--ink);text-align:center}
.public-tool-page .button.primary{background:var(--public-accent)}
.public-tool-page .button:hover{transform:translate(-1px,-1px);box-shadow:5px 5px 0 var(--ink)}
.public-tool-page .button:focus-visible,.public-tool-page .tool-nav a:focus-visible{outline:3px solid var(--purple);outline-offset:4px}
.public-tool-page .tool-section{padding:52px 0;border-bottom:var(--line)}
.public-tool-page .tool-section h2{font-size:clamp(30px,4.5vw,48px);line-height:1.15;margin:0 0 22px;letter-spacing:-.035em}
.public-tool-page .features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.public-tool-page .card{padding:24px;border:var(--line);border-radius:20px;background:#fff;box-shadow:6px 6px 0 var(--ink)}
.public-tool-page .card:nth-child(2){background:#effff9}.public-tool-page .card:nth-child(3){background:#f3efff}
.public-tool-page .card h3{margin:0 0 8px;font-size:20px}
.public-tool-page .plus{padding:26px;border:var(--line);border-radius:20px;background:#f3efff;box-shadow:6px 6px 0 var(--ink)}
.public-tool-page .plus .badge{display:inline-block;padding:4px 9px;border:2px solid var(--ink);border-radius:999px;background:var(--purple);color:#fff;font-size:11px;font-weight:1000}
.public-tool-page .plus h3{font-size:25px;margin:10px 0 8px}
.public-tool-page ol{padding-left:24px}.public-tool-page li{margin-bottom:14px}
.public-tool-page .steps{display:grid;gap:14px;counter-reset:step}
.public-tool-page .step{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:start}
.public-tool-page .step::before{counter-increment:step;content:counter(step);display:grid;place-items:center;width:36px;height:36px;border:2px solid var(--ink);border-radius:50%;font-weight:1000;background:var(--yellow)}
.public-tool-page .step strong{display:block}.public-tool-page .step span{color:var(--muted);font-size:14px}
.public-tool-page .tool-footer{padding:30px 0;font-size:13px;font-weight:800;background:#fff}
.public-tool-page .tool-footer .shell{width:min(1080px,calc(100% - 30px));margin:auto}
@media(max-width:720px){.public-tool-page main,.public-tool-page .tool-footer .shell{width:calc(100% - 24px)}.public-tool-page .hero{padding:52px 0 40px}.public-tool-page .tool-section{padding:38px 0}.public-tool-page .features{grid-template-columns:1fr}.public-tool-page .actions .button{width:100%}.public-tool-page .tool-nav{width:100%}.public-tool-page .tool-nav a{flex:1 1 auto;justify-content:center}}
