.essay-preview{padding:88px 0;background:linear-gradient(135deg,#f7f4ff 0%,#fff 55%,#f3efff 100%)}
.essay-preview-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:58px;align-items:center}
.essay-preview-copy h2{margin:14px 0 18px;font-size:clamp(32px,4vw,50px);line-height:1.06;color:#211638}
.essay-preview-copy>p{font-size:18px;line-height:1.65;color:#5b5268}.essay-preview-copy ul{display:grid;gap:11px;margin:25px 0;padding:0;list-style:none;color:#31283d;font-weight:700}
.essay-preview-copy li:before{content:'✓';display:inline-grid;place-items:center;width:23px;height:23px;margin-right:10px;border-radius:50%;background:#ede5ff;color:#6c3ee9}.essay-preview-copy>small{display:block;max-width:590px;color:#756c80;line-height:1.45}
.essay-teaser{position:relative;padding:28px;border:1px solid #ded4f2;border-radius:24px;background:rgba(255,255,255,.94);box-shadow:0 24px 60px rgba(79,47,143,.15);overflow:hidden}
.teaser-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.teaser-top span,.teaser-tip small{font-size:11px;font-weight:900;letter-spacing:.12em;color:#7852d4}.teaser-top b{color:#2a1d3c}
.teaser-score{display:flex;align-items:flex-end;gap:10px;padding:20px;border-radius:18px;background:#24183a;color:#fff;margin-bottom:18px}.teaser-score strong{font-size:54px;line-height:.9}.teaser-score strong span{color:#9e7cf3;letter-spacing:3px}.teaser-score small{opacity:.75}
.teaser-row{display:grid;grid-template-columns:145px 1fr 34px;gap:12px;align-items:center;padding:13px 2px;color:#443853;font-size:13px;font-weight:800}.teaser-row i{height:8px;border-radius:99px;background:#eee9f6;overflow:hidden}.teaser-row u{display:block;height:100%;background:linear-gradient(90deg,#6940dc,#9c7cec);border-radius:99px}.teaser-row b{letter-spacing:2px;color:#9a8dac}.teaser-row.muted{filter:blur(1.5px);opacity:.58}
.teaser-tip{position:relative;margin-top:17px;padding:19px;border-radius:16px;background:#f4f0fc}.teaser-tip p{margin:8px 0 22px;color:#342643;font-weight:800}.teaser-fade{position:absolute;left:0;right:0;bottom:0;padding:24px 18px 13px;background:linear-gradient(transparent,#f4f0fc 44%);text-align:center;color:#7456bb;font-size:12px;font-weight:900}
@media(max-width:820px){.essay-preview{padding:62px 0}.essay-preview-grid{grid-template-columns:1fr;gap:34px}.essay-preview-copy h2{font-size:34px}.essay-teaser{padding:20px}.teaser-row{grid-template-columns:125px 1fr 28px}}
.app-showcase{padding:88px 0;background:#fff}.showcase-heading{max-width:760px;margin:0 auto 42px;text-align:center}.showcase-heading h2{margin:14px 0;font-size:clamp(34px,4.5vw,54px);line-height:1.05;color:#211638}.showcase-heading p{font-size:18px;line-height:1.6;color:#655b70}.showcase-grid{display:grid;grid-template-columns:1.08fr .92fr .92fr;gap:20px;align-items:stretch}.app-shot{position:relative;min-height:430px;padding:18px;border:1px solid #e5def0;border-radius:24px;background:#fbfaff;box-shadow:0 20px 45px rgba(48,30,83,.1);overflow:hidden}.shot-bar{display:flex;align-items:center;gap:10px;padding-bottom:15px;border-bottom:1px solid #ece7f3;color:#302641}.shot-bar span{width:10px;height:10px;border-radius:50%;background:#7b50e7}.shot-bar b{flex:1}.shot-bar i{font-style:normal;color:#a89db6}.shot-welcome{padding:22px 4px 15px}.shot-welcome small,.mini-score small,.mini-tip small{display:block;font-size:10px;font-weight:900;letter-spacing:.12em;color:#7a55d2}.shot-welcome strong{display:block;margin:5px 0;font-size:24px;color:#2a1e3c}.shot-welcome p{margin:0;color:#7b7185}.week-lines{display:grid;gap:10px}.week-lines>div{display:grid;grid-template-columns:40px 1fr auto;gap:12px;align-items:center;padding:13px;border-radius:14px;background:#fff;border:1px solid #eee8f5}.week-lines>div>b{color:#7654c6}.week-lines span strong,.week-lines span small{display:block}.week-lines span small{margin-top:3px;color:#8b8294}.week-lines>div>i{padding:5px 8px;border-radius:99px;background:#eee7ff;color:#7148d2;font-size:10px;font-style:normal;font-weight:900}.hidden-preview{filter:blur(2px);opacity:.45}.shot-lock{position:absolute;left:18px;right:18px;bottom:18px;padding:24px 14px 12px;background:linear-gradient(transparent,#fbfaff 38%);text-align:center;color:#704bc4;font-size:12px;font-weight:900}.progress-ring{display:grid;place-items:center;width:180px;height:180px;margin:28px auto;border-radius:50%;background:conic-gradient(#7548dd 0 68%,#ebe6f3 68% 100%)}.progress-ring>div{display:grid;place-items:center;width:138px;height:138px;border-radius:50%;background:#fff}.progress-ring strong{font-size:39px;color:#2a1c3e}.progress-ring small{color:#8b8096}.progress-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px}.progress-stats span{padding:14px;border-radius:14px;background:#fff;border:1px solid #eee8f5}.progress-stats small,.progress-stats b{display:block}.progress-stats small{font-size:10px;color:#8b7ca0}.progress-stats b{margin-top:5px;color:#30243f}.blur-panel{margin-top:12px;padding:17px;border-radius:14px;background:#f0eafa;filter:blur(1.4px)}.blur-panel small,.blur-panel b{display:block}.mini-score{display:flex;align-items:flex-end;gap:6px;margin:24px 0;padding:20px;border-radius:16px;background:#291d40;color:#fff}.mini-score small{width:100%;position:absolute}.mini-score strong{margin-top:20px;font-size:45px}.mini-score span{padding-bottom:6px;color:#b8aacd}.mini-bars p{margin:14px 0}.mini-bars span{display:block;margin-bottom:7px;color:#4a3d58;font-size:12px;font-weight:800}.mini-bars i{display:block;height:8px;border-radius:99px;background:#eae4f2;overflow:hidden}.mini-bars u{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#7146d8,#a886f0)}.soft-blur{filter:blur(1.5px);opacity:.6}.mini-tip{margin-top:25px;padding:17px;border-radius:15px;background:#eee8fa}.mini-tip b{display:block;margin-top:7px;color:#40304f}.showcase-note{text-align:center;margin:20px 0 0;color:#8b8294;font-size:12px}@media(max-width:980px){.showcase-grid{grid-template-columns:1fr 1fr}.week-shot{grid-column:1/-1}}@media(max-width:650px){.app-showcase{padding:62px 0}.showcase-grid{grid-template-columns:1fr}.week-shot{grid-column:auto}.app-shot{min-height:400px}.showcase-heading{text-align:left}.showcase-heading h2{font-size:35px}}