/* Creator CMS marketing composition; operational and authored CMS pages do not load this file. */
.public-landing{--public-accent:var(--pink)}
.hero{background:linear-gradient(135deg,#fff0f7,var(--paper) 55%,#effff9)}
.public-landing .hero{padding:0}
.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:48px;align-items:center;padding:88px 0}
.hero-grid>*,.proof>*,.final-box>*,.arrow-band>*{min-width:0}
.hero h1{font-size:clamp(48px,6vw,80px);line-height:1.15;letter-spacing:-.06em;margin:16px 0 24px}
.hero h1 span{background:var(--pink);box-decoration-break:clone;-webkit-box-decoration-break:clone}
.lead{max-width:700px;font-size:clamp(17px,2vw,21px);line-height:1.85;color:var(--muted);font-weight:680}
.problem-line{margin:26px 0 0;padding:16px 18px;border-left:5px solid var(--ink);background:#fff8cf;font-weight:850;line-height:1.65}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.price{display:flex;flex-wrap:wrap;align-items:baseline;gap:9px;margin-top:28px;white-space:normal}
.price strong{font-size:42px}.price span,.final-price{color:var(--muted);font-size:13px;font-weight:850}
.price-note{font-size:12px;color:var(--muted);margin-top:6px;font-weight:800}
.preview{position:relative;padding:15px;background:var(--mint)}
.preview::before{content:"ONE PUBLIC HUB";position:absolute;top:-16px;right:18px;background:var(--yellow);color:var(--ink);border:2px solid var(--ink);border-radius:999px;padding:7px 10px;font-size:10px;font-weight:1000;letter-spacing:.08em}
.screen{border:2px solid var(--ink);border-radius:18px;overflow:hidden;background:var(--white);color:var(--ink)}
.screen-head{height:48px;background:var(--ink);display:flex;align-items:center;gap:7px;padding:0 15px}
.dot{width:9px;height:9px;border-radius:50%;background:var(--pink)}.dot:nth-child(2){background:var(--yellow)}.dot:nth-child(3){background:var(--mint)}
.screen-hero{min-height:210px;padding:30px;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(135deg,var(--pink),var(--mint))}
.screen-hero b{font-size:33px;letter-spacing:-.04em}.screen-hero span{font-size:12px;font-weight:900}
.screen-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:11px;padding:13px}
.screen-card{min-width:0;min-height:112px;border:2px solid var(--ink);border-radius:13px;padding:13px}.screen-card b{display:block;font-size:11px;margin-bottom:8px}
.line{display:block;height:8px;background:#ddd5df;border-radius:999px;margin:7px 0}.line.short{width:70%}
.section.light{background:#f7f3ff}
.section-copy{margin:0;max-width:720px;color:var(--muted);line-height:1.85;font-weight:680}
.problem-grid,.feature-grid,.workflow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.problem-card .num,.feature .num{font-size:11px;font-weight:1000;letter-spacing:.15em}
.problem-card h3{font-size:24px;line-height:1.3;margin:30px 0 10px}
.problem-card p,.feature p,.outcome p,.step p{margin:0;color:var(--muted);font-size:13px;line-height:1.8}
.arrow-band{margin-top:28px;background:#fff0f7;display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center}
.arrow-band strong{font-size:clamp(27px,4vw,46px);line-height:1.2}.arrow-band p{margin:8px 0 0;color:var(--muted);line-height:1.8}
.outcome-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.outcome:nth-child(1){background:#effff9}.outcome:nth-child(2){background:#fff0f7}.outcome:nth-child(3){background:#fff8cf}.outcome:nth-child(4){background:#f1edff}
.outcome .tag{font-size:10px;font-weight:1000;letter-spacing:.14em;color:var(--muted)}.outcome h3{font-size:27px;margin:12px 0 9px}
.feature h3{font-size:23px;margin:18px 0 8px}
.proof{display:grid;grid-template-columns:1.05fr .95fr;gap:20px}.proof-card.primary{background:#effff9}
.proof-card h3{font-size:clamp(28px,4vw,48px);line-height:1.2;margin:9px 0 14px}.proof-card p{color:var(--muted);line-height:1.8}.proof-card .actions{margin-top:22px}
.step strong{font-size:50px}.step h3{font-size:23px;margin:14px 0 8px}
.final{background:#fff0f7}.final-box{background:#fff8cf;display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center}
.final-box h2{font-size:clamp(36px,5vw,66px);line-height:1.15;letter-spacing:-.05em;margin:0}.final-box p{max-width:720px;color:var(--muted);line-height:1.8}
.final-price{margin-top:12px}.final-price strong{font-size:30px;color:var(--ink)}
.eyebrow,.kicker,.btn,.brand{overflow-wrap:anywhere}
@media(max-width:920px){.hero-grid,.proof,.final-box{grid-template-columns:1fr}.problem-grid,.feature-grid,.workflow{grid-template-columns:repeat(2,minmax(0,1fr))}.preview{max-width:700px}.arrow-band{grid-template-columns:1fr}}
@media(max-width:640px){.hero-grid{padding:54px 0;gap:42px}.hero h1{font-size:clamp(40px,11vw,68px)}.screen-grid,.problem-grid,.feature-grid,.workflow,.outcome-grid{grid-template-columns:1fr}.price strong{font-size:35px}.public-card{padding:22px}.preview{padding:12px}.public-landing section[id]{scroll-margin-top:220px}}