/* Clearer product copy and new cards, within the existing violet/lime design. */
html{overflow-x:clip}
.hero h1{font-size:clamp(76px,8.6vw,132px)}
.hero-description{max-width:535px;min-height:87px;text-wrap:pretty}
.hero-copy{width:70%;max-width:1050px}
.hero-copy .eyebrow{flex-wrap:wrap}
.section-intro,.feature-copy>p,.connection-copy>p,.vault-copy>p{text-wrap:pretty}
.feature-copy h3{font-size:clamp(27px,2.35vw,35px);line-height:1.09;min-height:2.3em}
.feature-copy>p:not(.feature-kicker){min-height:6.8em}
.feature-copy>.text-link{min-height:36px}
.art-product{color:#20132e}
.art-product-coral{background:#ffe2d2}
.art-product-mint{background:#cdece0}
.art-product-violet{background:#e4d8fa}
.product-preview{position:absolute;inset:62px 27px 32px;padding:24px;border-radius:20px;background:#ffffffed;box-shadow:12px 18px 35px #3520521f;transform:rotate(-5deg);display:flex;flex-direction:column;gap:15px}
.product-preview-label{display:flex;align-items:center;gap:8px;font-size:9px;letter-spacing:.04em}
.product-preview-label svg{width:18px;height:18px}
.product-preview>b{font-size:28px;line-height:1.04;font-weight:500;letter-spacing:-.035em;max-width:230px}
.product-preview-lines{display:grid;gap:8px;font-size:11px;line-height:1.4}
.product-preview-lines>span{padding-bottom:8px;border-bottom:1px solid #3c24561c}
.preview-status{align-self:flex-start;border-radius:20px;background:#ede5fa;color:#4a2a83;padding:6px 9px;font-size:8px;letter-spacing:.05em}
.business-page .section-intro{max-width:420px}
.business-page .section-heading h2{max-width:720px}
.business-page .download-heading h2{font-size:clamp(48px,6vw,78px)}
.faq-list a,.footer-note a{text-decoration:underline;text-underline-offset:3px}
:focus-visible{outline:3px solid #7541d6;outline-offset:5px}
.hero :focus-visible,.header :focus-visible,.business-section :focus-visible{outline-color:#d0ff57}
@media(max-width:1199px){.hero h1{font-size:clamp(70px,8.8vw,108px)}.hero-copy{width:75%}}
@media(max-width:899px){.hero-copy{width:81%}.hero-description{font-size:17px;max-width:450px}.product-preview{inset:55px 22px 26px;padding:20px}.product-preview>b{font-size:25px}}
@media(max-width:767px){
 .header .button.dark{min-width:0;white-space:nowrap}
 .hero-copy{width:100%;max-width:600px}
 .hero h1{font-size:clamp(43px,12.1vw,84px);line-height:.98}
 .hero-description{max-width:380px;min-height:100px;font-size:16px;line-height:1.55}
 .hero-actions{margin-top:22px}
 .feature-copy h3{font-size:27px;min-height:2.3em}
 .feature-copy>p:not(.feature-kicker){font-size:12px;line-height:1.65;min-height:6.6em}
 .feature-copy>.text-link{font-size:12px;min-height:38px;margin-top:12px}
 .product-preview{inset:47px 20px 20px;padding:20px;gap:13px}
 .product-preview>b{font-size:25px}
 .product-preview-lines{font-size:10px;gap:6px}
 .product-preview-lines>span{padding-bottom:6px}
 .product-preview-label{font-size:8px}
 .business-page .section-heading h2{font-size:clamp(36px,10vw,64px)}
 .business-page .download-heading h2{font-size:clamp(44px,12vw,65px)}
 .download-heading h2{font-size:clamp(46px,12vw,68px)}
 .hero .hero-caption{max-width:100%;line-height:1.5}
 .hero .hero-copy .eyebrow{font-size:8px;letter-spacing:.09em}
}
@media(max-width:389px){.hero-description{font-size:14px;max-width:310px;min-height:108px}.feature-copy h3{font-size:25px}.hero-actions .button{font-size:11px}}
@media(max-width:359px){.hero-description{font-size:13px;max-width:270px}.hero h1{font-size:39px}.product-preview{padding:17px;gap:10px}.product-preview>b{font-size:23px}.product-preview-lines{font-size:9px}.hero .hero-copy .eyebrow{font-size:7px}}
@media(max-width:767px) and (max-height:739px){
 .hero h1{font-size:clamp(39px,11.5vw,74px)}
 .hero-description{font-size:14px;min-height:88px}
 .hero-actions{margin-top:18px}
 /* Retain the explanation on short phones: a heading alone does not explain the feature. */
 .scroll-story-ready .feature-copy>p:not(.feature-kicker){display:block;font-size:11px;line-height:1.55;min-height:0;margin-top:10px}
 .scroll-story-ready .feature-copy h3{font-size:24px;min-height:0}
 .scroll-story-ready .feature-art{height:165px}
 .scroll-story-ready .feature-rail{padding-top:18px;padding-bottom:24px}
 .scroll-story-ready .feature-copy{padding-top:14px}
 .scroll-story-ready .product-preview{inset:35px 20px 12px;padding:14px;gap:8px}
 .scroll-story-ready .product-preview>b{font-size:20px}
 .scroll-story-ready .product-preview-lines{font-size:8px;gap:3px}
 .scroll-story-ready .product-preview-lines>span{padding-bottom:3px}
 .scroll-story-ready .product-preview-label{font-size:7px}
 .scroll-story-ready .product-preview-label svg{height:12px;width:12px}
 .scroll-story-ready .preview-status{font-size:7px;padding:4px 7px}
 .scroll-story-ready .feature-copy>.text-link{margin-top:8px}
 .scroll-story-ready .art-coins .coin-front{width:86px;height:86px;top:46px}
 .scroll-story-ready .art-coins .coin-front svg{width:55px;height:55px}
 .scroll-story-ready .art-coins .coin-back{width:55px;height:55px;top:38px}
 .scroll-story-ready .art-cards .card-front{top:43px;transform:rotate(-10deg) scale(.8);transform-origin:top center}
 .scroll-story-ready .art-cards .card-back{top:37px;transform:rotate(8deg) scale(.8);transform-origin:top center}
 .scroll-story-ready .art-vault .document-stack{scale:.61;top:25px}
 .scroll-story-ready .art-members .membership-pass{scale:.61;top:16px}
 .scroll-story-ready .art-expenses .receipt{scale:.62;top:16px}
 .scroll-story-ready .art-business .shop-panel{scale:.62;top:15px}
 .business-page.scroll-story-ready .biz-insight-card{scale:.78;top:15px;transform-origin:top center}
}