/* Catchrise / Unslop polish. Credit: Damir Sokolovsky, github.com/heydamir/unslop, CC BY 4.0. */
:root{--ink:#242b28;--muted:#606a64;--paper:#f8f9f7;--line:#dce1db;--green:#267556;background:var(--paper);--craft-ease:cubic-bezier(.22,1,.36,1)}
h1,h2,h3{font-weight:500}h1{font-size:clamp(44px,5.2vw,72px);line-height:1.1;letter-spacing:-2.5px;margin:20px 0 24px}h2{font-weight:500;letter-spacing:-1.3px}.site-header{height:80px;background:var(--paper);backdrop-filter:none}.hero{grid-template-columns:1fr;padding-top:56px;padding-bottom:48px;gap:0}.hero-orbit,.title-stroke,.closing-mark,.sun-symbol{display:none}.eyebrow,.micro,.feature-number{font-size:12px;letter-spacing:0;font-weight:500;text-transform:none}.signal-dot{box-shadow:none}.accent-title{color:var(--green)}.hero-description{margin-top:24px;font-size:18px;max-width:680px;line-height:1.65}.hero-actions{margin:28px 0 24px;gap:24px}.platform-note,.demo-meta,.demo-footnote{font-size:12px}.button{font-weight:500;min-height:48px;padding:12px 20px;gap:20px;box-shadow:none;transition:background-color 140ms var(--craft-ease)}.button:hover{transform:none}.nav-cta{min-height:40px;padding:8px 16px}.language button{font-size:13px}
.product-window{background:#191d1c;border-color:#333b37;box-shadow:none;border-radius:12px;grid-template-columns:240px 1fr}.demo-sidebar{background:#151918;border-color:#333b37;padding:24px 16px}.demo-main{padding:24px}.demo-nav{font-size:14px;font-weight:400;padding:10px 12px}.demo-nav.active,.demo-account.active{background:#263b30}.demo-sidebar>small{font-size:12px;letter-spacing:0}.demo-account{padding:12px 8px}.demo-account strong{font-size:13px;font-weight:500}.demo-account small{font-size:12px}.demo-sidebar-bottom,.saved-mini{font-size:12px}.demo-top h2{font-size:24px;font-weight:500}.demo-top .micro{font-size:12px}.demo-chart-card{background:#202624;border-color:#333b37;padding:16px;border-radius:8px}.demo-chart-heading h3{font-size:14px;font-weight:500}.sample-badge{font-size:11px}.demo-metrics button{font-size:13px;min-height:32px}.demo-chart-summary>strong{font-size:32px;font-weight:500}.demo-chart-summary>span{font-size:12px}.demo-chart-summary .example-pill{font-size:11px;letter-spacing:0}#demoChart text{font-size:12px;fill:#a9b6ad}.chart-bottom{font-size:12px;line-height:1.5}.demo-post-header h3{font-size:14px}.demo-post-header>span,.demo-post-header button{font-size:12px}.demo-post{background:#202624;border-color:#333b37}.demo-post:hover{transform:none}.demo-post-copy{padding:12px}.demo-post-copy strong{font-size:13px}.post-result{font-size:20px;font-weight:500}.format-pill{font-size:11px}.intro-section{padding-block:80px}.section-heading{margin-bottom:32px}.feature-grid{gap:16px}.feature-card{padding:28px;border-radius:8px;background:#fff}.feature-number{margin-bottom:16px}.feature-card h3{font-weight:500;font-size:28px}.feature-card>p{font-size:16px;line-height:1.65}.mini-observations span,.follower-preview>span,.hashtag-preview small,.alert-preview span{font-size:12px}.mini-observations strong,.follower-preview strong{font-weight:500}.follower-preview,.hashtag-preview>span,.alert-preview{box-shadow:none;background:#f5f7f4;border-color:var(--line)}.hashtag-preview b{font-size:14px;color:var(--ink)}.alert-preview strong{font-size:14px;font-weight:500}.morning-section{padding-block:80px;gap:64px}.morning-visual{border-radius:8px;background:#eaf0e9}.morning-paper,.morning-note,.library-visual{transform:none;box-shadow:none}.morning-paper>.micro{font-size:12px}.view-filter{font-size:13px}.morning-paper h3{font-weight:500}.feature-number,.benefit-label{text-transform:none;letter-spacing:0}.closing-section{border-radius:8px}.closing-section h2{font-weight:500}
@media(max-width:900px){.product-window{grid-template-columns:1fr}.demo-sidebar{display:none}.hero{padding-top:40px}.demo-main{padding:20px}.demo-post-copy strong{font-size:13px}.demo-chart-summary>strong{font-size:28px}.chart-bottom{flex-wrap:wrap}.morning-section{gap:32px}.wrap{width:calc(100% - 40px)}}
@media(max-width:600px){.site-header{height:72px}.nav-inner{width:calc(100% - 32px)}.hero{padding-top:32px;padding-bottom:32px}h1{font-size:42px;letter-spacing:-1.6px}.hero-description{font-size:16px;margin-top:20px}.hero-actions{gap:16px;align-items:flex-start}.hero-actions .button{font-size:14px}.platform-note{font-size:12px;gap:12px}.demo-meta{font-size:12px;gap:16px;align-items:flex-start}.product-window{border-radius:8px}.demo-main{padding:16px}.demo-chart-card{padding:12px}.demo-top h2{font-size:22px}.demo-chart-heading{align-items:flex-start}.demo-chart-heading h3{font-size:14px}.demo-chart-summary>span{font-size:12px}.demo-chart-summary .example-pill{margin-left:0}.demo-metrics{gap:0}.demo-metrics button{font-size:12px;padding:8px}.demo-posts{grid-template-columns:1fr;gap:12px}.demo-post{display:grid;grid-template-columns:96px 1fr}.post-art{height:120px}.demo-post-copy{align-content:center;padding:12px}.demo-post-copy strong{font-size:14px}.post-result{font-size:22px}.demo-post-header>span{display:none}.chart-bottom{font-size:11px}.feature-card{padding:24px}.feature-card h3{font-size:26px}.intro-section{padding-block:56px}.intro-section h2{font-size:32px}.morning-section{padding-block:56px}.morning-paper{width:100%;padding:24px}.hero-actions .text-link{min-height:48px}.demo-footnote{font-size:12px}.button:hover{transform:none}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
/* Put the explanation beside the promise, so the product enters the first screen. */
@media(min-width:901px){.hero-copy{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);column-gap:56px;row-gap:16px;align-items:start}.hero-copy>.eyebrow{grid-column:1/-1;margin-bottom:8px}.hero-copy h1{grid-column:1;grid-row:2/5;font-size:clamp(48px,4.5vw,64px);letter-spacing:-2px;line-height:1.08;margin:0}.hero-copy .hero-description{grid-column:2;grid-row:2;font-size:16px;line-height:1.7;margin:0}.hero-copy .hero-actions{grid-column:2;grid-row:3;margin:4px 0;gap:16px;flex-wrap:wrap}.hero-copy .hero-actions .button{font-size:14px;min-height:44px}.hero-copy .hero-actions .text-link{font-size:13px;min-height:40px}.hero-copy .platform-note{grid-column:2;grid-row:4;gap:12px;align-self:start}.hero{padding-top:48px;padding-bottom:40px}}
