@layer pages{.just-post-it-page{--margin:40px;--padding:20px;width:min(calc(100% - var(--padding)), var(--layout-width));border-top:var(--layout-border-dashed);border-bottom:var(--layout-border-dashed);min-height:72vh;margin:0 auto 40px;display:flex;position:relative}@media (width>=520px) and (width<=920px){.just-post-it-page{--padding:50px}}.just-post-it-page__hero{--hero-dot-color:#5b719f38;--hero-glow-warm:#ffd48473;--hero-glow-cool:#3e8bff33;--hero-bg-start:#fffef8;--hero-bg-mid:#f8faff;--hero-bg-end:#edf2fb;background:radial-gradient(circle at 14% 15%, var(--hero-glow-warm), transparent 34%), radial-gradient(circle at 92% 84%, var(--hero-glow-cool), transparent 42%), linear-gradient(145deg, var(--hero-bg-start) 0%, var(--hero-bg-mid) 53%, var(--hero-bg-end) 100%);grid-template-columns:minmax(0,1fr);gap:24px;width:100%;padding:24px;display:grid;position:relative;overflow:hidden}:root[data-theme=dark] .just-post-it-page__hero{--hero-dot-color:#7e97c633;--hero-glow-warm:#ffb64a1f;--hero-glow-cool:#5f9bff38;--hero-bg-start:#192233;--hero-bg-mid:#1c2a3f;--hero-bg-end:#101a2a;border-color:var(--grey-200)}@media (prefers-color-scheme:dark){:root[data-theme=auto] .just-post-it-page__hero{--hero-dot-color:#7e97c633;--hero-glow-warm:#ffb64a1f;--hero-glow-cool:#5f9bff38;--hero-bg-start:#192233;--hero-bg-mid:#1c2a3f;--hero-bg-end:#101a2a;border-color:var(--grey-200)}}.just-post-it-page__hero:before{content:"";background-image:radial-gradient(circle, var(--hero-dot-color) .8px, transparent .8px);opacity:1;pointer-events:none;background-size:14px 14px;position:absolute;inset:0}@media (width>=980px){.just-post-it-page__hero{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:32px;padding:34px}}.just-post-it-page__copy{flex-direction:column;gap:14px;display:flex}.just-post-it-page__brand{align-items:center;gap:10px;display:inline-flex}.just-post-it-page__icon{border-radius:12px;flex:none;width:44px;height:44px;transform:rotate(-6deg);box-shadow:0 8px 16px #0000002e}@media (width>=980px){.just-post-it-page__icon{width:52px;height:52px}}.just-post-it-page__eyebrow{width:fit-content;color:var(--grey-700);font-size:var(--label);font-family:var(--monospace-font);letter-spacing:.04em;border:1px solid var(--grey-300);background-color:var(--grey-000);padding:4px 8px}.just-post-it-page__headline{max-width:30ch;color:var(--text-primary);font-size:var(--h2);text-wrap:balance;font-weight:700;line-height:1.2}.just-post-it-page__description{max-width:62ch}.just-post-it-page__highlights{gap:8px;list-style:outside;display:grid}.just-post-it-page__highlights li{margin-left:14px;padding-left:8px}.just-post-it-page__links{flex-wrap:wrap;gap:12px;margin-top:4px;display:flex}.just-post-it-page__preview img{border:1px solid var(--grey-300);width:100%;box-shadow:var(--shadow-300);border-radius:var(--radius-300)}}