.app-journal-section{grid-template-columns:minmax(0,1fr);gap:48px;padding-top:16px;display:grid}@media (max-width:768px){.app-journal-section{gap:32px}}.app-journal-section .app-journal-intro{text-align:center;justify-items:center;gap:16px;display:grid}.app-journal-section .app-journal-intro p{color:var(--text-secondary);text-wrap:balance;max-width:680px;font-size:18px;line-height:1.9}.app-journal-section .app-journal-intro .app-journal-free{color:var(--primary);font-size:18px;font-weight:700;line-height:1.6}.app-journal-feature-slider{min-width:0}.app-feature-showcase{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);grid-template-areas:"copy devices";align-items:center;gap:32px;display:grid}@media (max-width:768px){.app-feature-showcase{grid-template-columns:minmax(0,1fr);grid-template-areas:"copy""devices";gap:32px}}.app-feature-showcase .app-feature-devices{direction:ltr;grid-area:devices;align-items:start;min-width:0;min-height:680px;display:grid}@media (max-width:1100px){.app-feature-showcase .app-feature-devices{min-height:560px}}@media (max-width:768px){.app-feature-showcase .app-feature-devices{aspect-ratio:.88;width:100%;max-width:560px;min-height:0;margin-inline:auto}.app-feature-showcase .app-feature-devices .app-phone{border-radius:24px}.app-feature-showcase .app-feature-devices .app-phone:before{border-radius:20px}.app-feature-showcase .app-feature-devices .app-phone .app-phone-screen{border-radius:16px}}.app-feature-showcase .app-journal-profile{grid-area:1/1;justify-self:start;width:52%}.app-feature-showcase .app-feature-panels{z-index:1;grid-area:1/1;place-self:end;width:52%;position:relative}.app-feature-showcase .app-feature-panel{animation:.35s both app-feature-change}.app-feature-showcase .app-feature-panel[hidden]{display:none}.app-feature-showcase .app-feature-panel .app-phone{width:100%}@media (prefers-reduced-motion:reduce){.app-feature-showcase .app-feature-panel{animation:none}}.app-feature-showcase .app-feature-stories{grid-area:copy;min-width:0;display:grid}.app-feature-showcase .app-feature-tabs{gap:24px;margin:0;padding:0;list-style:none;display:grid}.app-journal-qr{border:1px solid var(--border);background:var(--card-background);grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:32px;padding:24px;display:grid}@media (max-width:768px){.app-journal-qr{grid-template-columns:minmax(0,1fr);gap:24px;padding:16px}}.app-journal-qr .app-journal-qr-copy{gap:16px;display:grid}.app-journal-qr .app-journal-qr-copy h3{white-space:pre-line;font-size:32px;line-height:1.4}.app-journal-qr .app-journal-qr-copy p{color:var(--text-secondary);max-width:448px;font-size:16px;line-height:1.9}.app-journal-qr .app-journal-qr-copy .app-journal-qr-list{padding:0;max-width:448px;color:var(--text-secondary);gap:8px;margin:0;padding-inline-start:24px;font-size:16px;line-height:1.7;list-style:outside;display:grid}.app-journal-qr .app-journal-qr-copy .app-journal-qr-list li::marker{color:var(--primary)}.app-journal-qr p.app-journal-qr-label{color:var(--primary);align-items:center;gap:8px;display:flex}.app-journal-qr p.app-journal-qr-label svg{flex:none;width:24px;height:24px}@keyframes app-feature-change{0%{opacity:.4;translate:0 8px}to{opacity:1;translate:0}}