/* Topperly launch: the recovered navy-sidebar study space, presented on white.
   DM Sans headlines, Inter text, mint details, real product screenshots. */
html{scroll-behavior:smooth;background:#102b3e}body{margin:0;background:#fff;color:#102b3e;font-family:var(--font-inter),Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased}.lp *{box-sizing:border-box}.lp a{text-decoration:none}.lp :is(a,button):focus-visible{outline:3px solid #179d8f;outline-offset:4px}.lp-wrap{max-width:1120px;margin:auto;padding:0 28px}.lp-nav{display:flex;align-items:center;justify-content:space-between;min-height:82px;gap:24px;border-bottom:1px solid #e7ebed}.lp-nav-links{display:flex;align-items:center;gap:26px;font-size:14px}.lp-nav-links a{color:#526270}.lp-nav-links a:hover{color:#102b3e}.lp-hero{text-align:center;padding:80px 0 0}.lp-kicker{font-size:14px;color:#1d776c;font-weight:500;display:inline-flex;gap:9px;align-items:center}.lp-kicker:before{content:'';width:7px;height:7px;background:#35bca9;border-radius:50%}.lp h1,.lp h2,.lp h3{font-family:var(--font-dm-sans),Inter,system-ui,sans-serif;font-weight:500}.lp h1{font-size:clamp(44px,6.4vw,78px);line-height:1.04;letter-spacing:-.045em;max-width:850px;text-wrap:balance;margin:23px auto}.lp-lead{font-size:18px;line-height:1.65;color:#526270;max-width:610px;margin:0 auto}.lp-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:28px}.lp-actions .launch-button{min-height:48px}.lp-footnote{font-size:12px;color:#647581;margin:15px 0 0}.lp-preview{margin:48px 0 0;position:relative;padding:10px 10px 0;background:#102b3e;border:1px solid #102b3e;border-radius:18px 18px 0 0;overflow:hidden;box-shadow:0 20px 70px #102b3e18}.lp-preview img{display:block;width:100%;height:auto;border-radius:10px 10px 0 0}.lp-preview-caption{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #e7ebed;padding:16px 0;color:#647581;font-size:12px;text-align:left}.lp-subjects{display:flex;gap:25px;justify-content:center;flex-wrap:wrap;padding:28px 0 0;font-size:14px;color:#526270}.lp-subjects span{display:flex;gap:8px;align-items:center}.lp-subjects img{width:28px;height:28px}.lp-section{padding-top:100px;scroll-margin-top:24px}.lp h2{font-size:clamp(32px,4vw,46px);line-height:1.1;letter-spacing:-.035em;text-wrap:balance;margin:0 0 18px}.lp-section-intro{font-size:16px;line-height:1.7;color:#526270;max-width:550px;margin:0}.lp-workflow{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}.lp-study-list{border-top:1px solid #dfe5e7}.lp-study-row{display:flex;gap:22px;padding:24px 0;border-bottom:1px solid #dfe5e7;align-items:start}.lp-study-row img{width:62px;height:62px;object-fit:contain}.lp-study-row h3{font-size:22px;line-height:1.25;letter-spacing:-.02em;margin:0 0 8px}.lp-study-row p{font-size:14px;line-height:1.7;color:#526270;margin:0}.lp-study-row a{display:inline-flex;min-height:44px;align-items:center;color:#176f66;font-size:14px;font-weight:500}.lp-question-count{margin-top:32px;border:1px solid #dfe5e7;border-radius:14px;padding:24px;background:#f7f9f9;max-width:360px}.lp-question-count strong{display:block;font-size:40px;font-weight:500;letter-spacing:-.03em}.lp-question-count span{font-size:14px;color:#526270}.lp-faq{display:grid;grid-template-columns:1fr 1.3fr;gap:70px}.lp-faq details{border-bottom:1px solid #dfe5e7;padding:18px 0}.lp-faq details:first-child{border-top:1px solid #dfe5e7}.lp-faq summary{cursor:pointer;font-size:16px;min-height:30px;line-height:1.5}.lp-faq details p{font-size:14px;line-height:1.8;color:#526270}.lp-final{display:flex;align-items:center;justify-content:space-between;gap:32px;background:#edf8f5;border-radius:20px;padding:40px;margin:90px 0 60px}.lp-final h2{font-size:34px;margin:0}.lp-final p{color:#526270;font-size:15px;margin:12px 0 0}.lp-final .launch-button{flex:none}.lp-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 0;border-top:1px solid #e7ebed;font-size:13px;color:#647581}.lp-footer nav{display:flex;gap:24px}.lp-footer a{color:#526270;display:inline-flex;align-items:center;min-height:44px}.lp-skip{position:fixed;top:-100px;left:12px;z-index:10;background:white;padding:12px}.lp-skip:focus{top:12px}
@media(max-width:700px){.lp-wrap{padding:0 20px}.lp-nav{min-height:72px;gap:12px}.lp-nav-links{gap:16px}.lp-nav-links>a:first-child{display:none}.lp-nav .launch-brand{font-size:23px}.lp-nav .launch-button{padding:8px 12px;font-size:13px}.lp-hero{padding-top:48px}.lp h1{font-size:46px;letter-spacing:-.04em;margin:20px auto}.lp-lead{font-size:16px;line-height:1.65}.lp-preview{margin-top:34px;padding:5px 5px 0;border-radius:10px 10px 0 0}.lp-preview-caption{font-size:11px}.lp-preview-caption span:last-child{display:none}.lp-subjects{gap:14px;font-size:12px;justify-content:flex-start}.lp-subjects img{width:24px;height:24px}.lp-section{padding-top:64px}.lp-workflow,.lp-faq{grid-template-columns:1fr;gap:32px}.lp-question-count{display:flex;align-items:center;gap:16px;max-width:none;padding:18px;margin-top:22px}.lp-question-count strong{font-size:32px}.lp-question-count span{font-size:13px}.lp-study-row{gap:16px}.lp-study-row img{width:50px;height:50px}.lp-final{margin:64px 0 32px;flex-direction:column;align-items:flex-start;padding:28px}.lp-final h2{font-size:30px}.lp-final .launch-button{width:100%}.lp-footer{align-items:flex-start;flex-direction:column;gap:6px}.lp-footer nav{gap:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.lp-nav-links .launch-button,.lp-nav-links .launch-button:hover{color:#fff}