/* Homepage: visible immediately, including when scripts fail or motion is reduced. */
html.pl-js .pl-site [data-pl-reveal] { opacity: 1; transform: none; transition: none; }
.pl-hero-grid { grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr); min-height: auto; padding-block: 76px 56px; gap: 48px; }
.pl-hero-copy h1 { font-size: clamp(48px, 4.7vw, 76px); }
.pl-hero-lead { max-width: 48ch; }
.pl-sense-explainer-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: center; }
.pl-sense-explainer h2 { margin: 20px 0; font-size: clamp(36px, 4vw, 58px); line-height: 1.05; letter-spacing: -.045em; }
.pl-sense-explainer h2 em { font-family: "Instrument Serif", Georgia, serif; font-weight: 400; }
.pl-sense-explainer p { max-width: 60ch; line-height: 1.7; }
.pl-sense-explainer .pl-arrow-link { margin-top: 16px; }
.pl-sense-example { padding: 28px; background: var(--pl-mint-wash); border-radius: 18px; }
.pl-sense-message { margin: 0 0 20px; font-size: clamp(20px, 2.3vw, 30px); font-weight: 700; letter-spacing: -.03em; }
.pl-sense-example-row { display: flex; justify-content: space-between; gap: 16px; padding: 20px 0; border-top: 1px solid var(--pl-line); }
.pl-sense-example-row strong { display: block; font-size: 17px; }
.pl-sense-example-row span { display: block; margin-top: 6px; font-size: 12px; line-height: 1.6; }
.pl-sense-example-row b { flex-shrink: 0; font-size: 14px; }
.pl-sense-check { color: #79521a; }
.pl-sense-example-note, .pl-sense-evidence { font-size: 12px; }
.pl-sense-evidence { border-top: 1px solid var(--pl-line); padding-top: 16px; margin-top: 16px; }
.pl-sense-evidence summary { cursor: pointer; font-weight: 700; line-height: 1.6; }
.pl-sense-evidence p { margin-top: 12px; }
/* Keep real product screenshots flat and readable. */
.pl-workflow-visual .pl-browser-frame { transform: none; }
@media (max-width: 1100px) { .pl-hero-grid { grid-template-columns: 1fr; padding-block: 48px; } }
@media (max-width: 700px) { .pl-hero-grid { gap: 32px; padding-top: 40px; } .pl-hero-copy h1 { font-size: clamp(40px, 11vw, 58px); } .pl-sense-explainer-grid { grid-template-columns: 1fr; gap: 30px; } .pl-sense-example { padding: 20px; } }
.pl-home-order-preview { min-width: 0; margin: 0; }
.pl-home-order-preview .pl-browser-frame { position: relative; inset: auto; width: 100%; transform: none; }
.pl-home-order-preview img { display: block; width: 100%; height: auto; }
.pl-home-order-preview figcaption { margin-top: 12px; color: var(--pl-muted); font-size: 12px; line-height: 1.6; }