/* Website framing around the exact mobile Figma illustrations. */
.toolkit-heading-row{display:flex;align-items:center;justify-content:space-between;gap:16px 32px;width:100%;flex-wrap:wrap}.toolkit-heading-row .text-link{font-size:16px;min-height:44px;display:inline-flex;align-items:center}
.home-section{padding-block:80px}.home-section-stack{display:flex;flex-direction:column;gap:32px}.home-section-intro{display:flex;flex-direction:column;gap:16px}.home-section .eyebrow{font-size:12px}.home-section-intro h2{font-size:52px;line-height:1.18;letter-spacing:-1.5px}.home-section-intro>p:last-child{max-width:840px;color:var(--muted);font-size:20px;line-height:1.5}
.home-note{border:1px solid var(--line);border-radius:12px;background:var(--wash);padding:24px;display:flex;flex-direction:column;gap:8px}.home-note h3{font-size:28px;line-height:1.18}.home-note p{font-size:17px;line-height:1.5;color:var(--muted)}
.coins-note{background:#fff}
.home-faq-layout{display:grid;grid-template-columns:minmax(0,440fr) minmax(0,824fr);gap:48px;align-items:start}.faq-intro{display:flex;flex-direction:column;gap:24px}.faq-intro h2{font-size:64px;line-height:1.18}.faq-intro h3{font-size:32px;line-height:1.18}.faq-intro>p:not(.eyebrow),.faq-intro>a{font-size:18px}.faq-intro>p:not(.eyebrow){color:var(--muted)}.faq-questions{display:flex;flex-direction:column;gap:12px;min-width:0}.faq-item{border:1px solid var(--line);border-radius:12px;background:#fff;overflow:hidden;transition:background-color .28s ease-in-out}.faq-item[open]{background:var(--wash)}.faq-item summary{position:relative;padding:24px 64px 24px 24px;list-style:none;cursor:pointer;font:700 20px/1.2 var(--display);letter-spacing:-.3px;min-height:74px;-webkit-tap-highlight-color:transparent}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:focus-visible{outline:3px solid var(--blue);outline-offset:-5px;border-radius:12px}.faq-toggle{position:absolute;right:24px;top:50%;transform:translateY(-50%);width:24px;height:24px}.faq-toggle img{position:absolute;inset:0;transition:opacity .28s ease-in-out,transform .28s ease-in-out}.faq-minus{opacity:0;transform:rotate(-90deg)}.faq-item[open] .faq-plus{opacity:0;transform:rotate(90deg)}.faq-item[open] .faq-minus{opacity:1;transform:none}.faq-answer{padding:0 24px 24px;color:var(--muted);font-size:16px;line-height:1.5}.faq-answer a{color:var(--blue);text-decoration:underline;text-underline-offset:3px}
.walkthrough-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
.walkthrough-card{background:var(--white);border:1px solid var(--line);border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:16px;min-width:0}
.walkthrough-card{background:#f3f6fa}
.app-step-heading{display:flex;gap:14px;align-items:flex-start;color:#1e3149}
.app-step-heading h3{font:700 20px/1.3 Lato,sans-serif;letter-spacing:0;margin:3px 0 0}
.app-step-number{display:grid;place-items:center;width:32px;height:32px;flex:none;border-radius:50%;background:#1e3149;color:white;font:700 16px/1 Lato,sans-serif}
.walkthrough-copy{font:400 14px/1.5 Lato,sans-serif;color:#000b}
.walkthrough-demo{display:grid;place-items:center;min-height:300px;margin-block:auto}
@media(min-width:1200px){
 .walkthrough-card{display:grid;grid-template-columns:minmax(168px,1fr) minmax(0,342px);align-items:center;gap:24px;min-height:340px;padding:24px}
 .walkthrough-text{align-self:center;display:flex;flex-direction:column;gap:10px}
 .walkthrough-demo{min-height:0;margin:0}
}
.space-section{display:flex;flex-direction:column;gap:24px;padding-top:40px;border-top:1px solid var(--line)}
.space-intro{display:flex;flex-direction:column;gap:10px}.space-intro h3{font:600 40px/1.15 'Crimson Text',serif;color:#1e3149}.space-intro>p:last-child{max-width:690px;color:var(--muted);font-size:17px;line-height:1.5}
.space-board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:stretch}
.space-collection-feature,.space-reader-feature,.space-mini-feature{border:1px solid var(--line);border-radius:20px;background:#fff;min-width:0;overflow:hidden}
.space-collection-feature,.space-reader-feature{min-height:350px;padding:24px;display:flex;flex-direction:column;align-items:center;gap:18px}
.space-collection-feature .app-demo,.space-reader-feature .app-demo{margin-block:auto 0}
.space-feature-copy{align-self:stretch;display:flex;flex-direction:column;gap:8px}.space-feature-copy h4{font:600 27px/1.18 'Crimson Text',serif;color:#1e3149;margin:0}.space-feature-copy p{font-size:15px;line-height:1.45;color:var(--muted)}
.space-mini-grid{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.space-mini-feature{display:flex;flex-direction:column;align-items:center;gap:7px;padding:18px 20px;min-height:235px}
.space-mini-feature h4{font:600 21px/1.15 'Crimson Text',serif;color:#1e3149;align-self:stretch;margin:0}.space-mini-feature p{font-size:13px;line-height:1.4;color:var(--muted);align-self:stretch}.space-mini-feature .app-demo{margin-top:auto}
.pro-section{background:var(--wash)}
.pro-showcase{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:center;background:#f9fafe;border:1px solid var(--line);border-radius:24px;padding:40px}
.pro-benefits{display:flex;flex-direction:column;gap:22px}
.pro-benefits>h3{font:600 28px/1.2 'Crimson Text',serif;color:#0f1f38}
.pro-benefit{display:flex;align-items:flex-start;gap:12px;font-family:Lato,sans-serif}
.pro-benefit-icon{width:38px;height:38px;flex:none;border-radius:12px;background:#d6e7ff;display:grid;place-items:center}
.pro-benefit h4{font:700 16px/1.25 Lato,sans-serif;color:#1e3149;margin:0}
.pro-benefit p{font:400 14px/1.4 Lato,sans-serif;color:#000b;margin-top:4px}
@media(min-width:1200px){.pro-showcase{grid-template-columns:minmax(0,390px) minmax(0,1fr)}.pro-benefits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 20px}.pro-benefits>h3{grid-column:1/-1}}
@media(max-width:1199px){.home-faq-layout{grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:32px}}
@media(max-width:960px){.home-section-intro h2{font-size:44px}.home-faq-layout{grid-template-columns:1fr;gap:48px}.pro-showcase{gap:24px;padding:24px}}
@media(max-width:900px){.space-board{grid-template-columns:1fr}.space-collection-feature,.space-reader-feature{min-height:0}.space-mini-feature{min-height:0}}
@media(max-width:767px){
 .home-section{padding-block:56px}.home-section-intro h2{font-size:36px;letter-spacing:-1px}.home-section-intro>p:last-child{font-size:17px}
 .walkthrough-grid,.pro-showcase{grid-template-columns:1fr;gap:24px}
 .walkthrough-card{padding:24px 16px}.walkthrough-demo{min-height:0;margin-block:8px 0}
 .space-section{padding-top:24px}.space-intro h3{font-size:32px}.space-intro>p:last-child{font-size:15px}.space-collection-feature,.space-reader-feature{padding:20px 16px}.space-mini-grid{grid-template-columns:1fr}.space-mini-feature{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,165px);grid-template-rows:auto 1fr;padding:14px}.space-mini-feature .app-demo{grid-column:2;grid-row:1/span 2;margin:0}.space-mini-feature h4{font-size:18px}
 .pro-showcase{padding:0 0 28px;overflow:hidden}.pro-showcase .app-pro{max-width:390px;border-radius:0}.pro-benefits{padding-inline:24px}
 .home-note h3{font-size:23px}
 .faq-intro h2{font-size:44px}.faq-intro h3{font-size:26px}.faq-item summary{font-size:17px;line-height:1.2}
 .home-page .site-header .menu-toggle{margin-left:auto}.toolkit-heading-row{gap:0}
}
@media(max-width:350px){.home-section-intro h2{font-size:32px}.app-step-heading h3{font-size:18px}.space-mini-feature{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.space-mini-feature .app-demo{align-self:center;margin-top:8px}}