.subscriptions-story .product-intro{gap:3rem;padding-bottom:3rem}.subscriptions-story .product-copy h1{font-size:clamp(2.6rem,5vw,4.6rem);line-height:1.04;letter-spacing:-.045em}.demo-hero-stage{background:#f3d74f!important;border-radius:2.3rem!important;padding:2rem!important;display:flex;justify-content:center;align-items:center}.demo-hero-stage figure{margin:0;width:min(100%,350px)}.demo-hero-screen{height:480px;overflow:hidden;border:7px solid #202321;border-radius:2rem;background:#faf7f1;box-shadow:0 20px 40px #20232120}.demo-hero-screen img{display:block;width:100%;height:auto}.demo-hero-stage figcaption{font-size:.8rem;text-align:center;margin-top:1rem}.demo-story{padding:5rem 0;border-top:1px solid var(--line)}.demo-heading{max-width:740px;margin-bottom:3rem}.demo-heading h2,.demo-outcomes h2,.demo-start h2{font:700 clamp(2rem,3.5vw,3.2rem)/1.12 Bricolage,Arial,sans-serif;letter-spacing:-.035em;margin:0 0 1.3rem}.demo-heading>p:last-child,.demo-outcomes>div>p,.demo-start p{font-size:1.1rem;color:var(--muted)}.demo-tour{display:grid;grid-template-columns:1.2fr 1fr;gap:5rem;align-items:start}.demo-step{width:100%;display:flex;gap:1rem;text-align:left;border:1px solid var(--line);background:transparent;border-radius:1.2rem;padding:1.4rem;margin-bottom:.8rem;cursor:pointer}.demo-step[aria-pressed=true]{background:#eef2f8;border-color:var(--denim)}.step-index{font:700 1rem Bricolage;color:var(--denim);padding-top:.1rem}.demo-step strong{display:block;font:700 1.3rem/1.3 Bricolage;margin-bottom:.6rem}.demo-step span span{display:block;font-size:1rem;line-height:1.6;color:var(--muted)}.demo-caption{font-size:.875rem!important;color:var(--muted);margin:1rem 0}.tour-figure{width:min(100%,390px);margin:0 auto}.tour-window{height:550px;overflow:hidden;border-radius:1.7rem;border:1px solid #dedcd4;background:#faf7f1;box-shadow:0 16px 45px #2023210d}.tour-window img{display:block;width:100%;height:auto;transform:translateY(0);transition:transform .45s ease}.tour-window[data-position="1"] img{transform:translateY(-7%)}.tour-window[data-position="2"] img{transform:translateY(-31%)}.tour-figure figcaption{margin-top:1rem;font-size:.875rem;color:var(--muted)}.demo-outcomes{display:grid;grid-template-columns:1fr 1.1fr;gap:5rem;border-top:1px solid var(--line);padding:5rem 0}.outcome-list article{padding:0 0 1.8rem;margin-bottom:1.8rem;border-bottom:1px solid var(--line)}.outcome-list h3{font:700 1.4rem/1.3 Bricolage;margin:0 0 .7rem}.outcome-list p{margin:0;color:var(--muted)}.demo-start{display:grid;grid-template-columns:1.2fr 1fr;gap:4rem;background:#f2f4f8;padding:3rem;border-radius:1.5rem;margin:0 0 5rem}.demo-start ol{padding-left:1.3rem}.demo-start li{padding-left:.5rem;margin:0 0 1.5rem}.demo-start li strong,.demo-start li span{display:block}.demo-start li span{margin-top:.4rem;color:var(--muted)}.subscriptions-story .button{background:var(--denim);border:1px solid #324e7e;outline:1px dashed #ffffff80;outline-offset:-5px;box-shadow:0 3px 0 #273f69}.subscriptions-story .canonical-value{padding:1.5rem 0 2.5rem;border-top:1px solid var(--line)}.subscriptions-story .canonical-value ul{display:flex;flex-wrap:wrap;gap:1rem 2rem;padding-left:1.2rem}.subscriptions-story .canonical-value p{max-width:760px}.subscriptions-story .product-action:after{content:'See the real app in the walkthrough below.';display:block;font-size:.875rem;color:var(--muted);margin-top:1rem}@media(max-width:760px){.subscriptions-story .wrap{width:calc(100% - 36px)}.demo-tour,.demo-outcomes,.demo-start{grid-template-columns:1fr;gap:2rem}.demo-story,.demo-outcomes{padding:3rem 0}.demo-start{padding:1.5rem;margin-bottom:3rem}.demo-heading{margin-bottom:2rem}.demo-step{padding:1.1rem}.demo-hero-stage{padding:1.4rem!important}.demo-hero-screen{height:440px}.tour-window{height:480px}.subscriptions-story .product-intro{gap:2rem}}@media(prefers-reduced-motion:reduce){.tour-window img{transition:none}}
/* Consumer screen treatment: an app surface, independent of device hardware. */
.subscriptions-story .product-intro{grid-template-areas:"copy screen" "action screen";grid-template-columns:1.1fr 1fr;gap:1.5rem 5rem;align-items:center;padding:3.5rem 0 4.5rem}.subscriptions-story .product-copy{grid-area:copy}.subscriptions-story .product-copy h1{font-size:clamp(2.6rem,4.4vw,4rem);line-height:1.09;letter-spacing:-.04em}.subscriptions-story .product-name{margin-bottom:1.7rem}.subscriptions-story .product-name p{font-size:1.05rem}.subscriptions-story .product-action{grid-area:action;text-align:left;margin:0;align-self:start}.subscriptions-story .product-action:after{content:none}.subscriptions-story .product-action p{font-size:.875rem}.demo-hero-stage{grid-area:screen;background:transparent!important;padding:0!important;border-radius:0!important;margin:0!important}.demo-hero-stage figure{width:min(100%,390px)}.screen-label{font-size:.75rem;letter-spacing:.15em;font-weight:650;color:var(--denim);margin:0 0 .9rem}.demo-hero-screen{height:auto;aspect-ratio:390/575;border:1px solid #deddd8;border-radius:12px;background:#faf7f1;box-shadow:0 18px 55px -20px #283c5d45,0 3px 8px #283c5d08}.demo-hero-stage figcaption{text-align:left;font-size:.8rem;color:var(--muted);margin-top:.85rem}.subscriptions-story .canonical-value{padding:1.5rem 0;margin-bottom:1rem;display:flex;flex-wrap:wrap;align-items:center}.subscriptions-story .canonical-value ul{margin:0;list-style:none;padding:0;gap:.75rem 2rem}.subscriptions-story .canonical-value li{font-size:.95rem}.subscriptions-story .canonical-value li:before{content:'✓';margin-right:.6rem;color:var(--denim)}.demo-tour{gap:4rem}.demo-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:.75rem;align-content:start}.demo-step{display:block;border:0;border-bottom:2px solid var(--line);border-radius:0;padding:1rem .2rem;background:transparent!important;margin:0}.demo-step[aria-pressed=true]{border-color:var(--denim);color:var(--denim)}.demo-step .step-index{display:block;margin-bottom:.65rem;font-size:.875rem}.demo-step strong{font:650 1rem/1.4 Geist,Arial,sans-serif;margin:0}.tour-copy{grid-column:1/-1;padding:1.75rem 0 .75rem;min-height:180px}.tour-copy h3{font:700 1.65rem/1.2 Bricolage;margin:0 0 1rem}.tour-copy p{margin:0;color:var(--muted);font-size:1.05rem}.demo-steps>.button{grid-column:1/-1;justify-self:start}.demo-steps>.demo-caption{grid-column:1/-1}.tour-window{border-radius:12px;box-shadow:0 14px 45px -18px #283c5d35}.demo-start{display:block;text-align:center;padding:3rem 1.5rem;background:#f1f4f9}.demo-start p{margin:.5rem 0 1.5rem}.demo-start .demo-caption{margin-top:1rem}.demo-outcomes{gap:4rem}.subscriptions-story .product-faq{background:transparent;padding:2.5rem 0}.subscriptions-story .product-faq h2{font:700 2rem/1.2 Bricolage}.subscriptions-story .product-faq summary{padding:1.1rem 0}.subscriptions-story .product-faq details p{max-width:800px}.subscriptions-story .related{padding-top:1rem}@media(max-width:760px){.subscriptions-story .product-intro{grid-template-areas:"copy" "action" "screen";grid-template-columns:1fr;gap:1.5rem;padding:1.5rem 0 2.5rem}.subscriptions-story .product-copy h1{font-size:clamp(2.1rem,8.8vw,2.9rem);line-height:1.1}.subscriptions-story .product-lead{font-size:1rem;line-height:1.65}.subscriptions-story .product-name{margin-bottom:1.5rem}.subscriptions-story .product-name .tb-cloth-patch{--tb-cloth-size:46px}.subscriptions-story .product-action{margin-bottom:1rem}.demo-hero-stage{padding:0!important}.demo-hero-stage figure{width:100%;max-width:390px}.demo-hero-screen{height:auto;aspect-ratio:390/575}.demo-heading h2{font-size:2.05rem}.demo-heading>p:last-child{font-size:1rem}.demo-tour{gap:1.7rem}.tour-copy{min-height:0;padding:1.5rem 0}.demo-steps>.button{display:none}.demo-step strong{font-size:.875rem}.demo-steps>.demo-caption{margin:.5rem 0 0}.tour-window{height:auto;aspect-ratio:390/550}.demo-outcomes{gap:1.5rem}.demo-start{padding:2.4rem 1.4rem}.subscriptions-story .canonical-value{padding:1rem 0}.subscriptions-story .canonical-value ul{gap:.6rem}.subscriptions-story .canonical-value li{font-size:.875rem}.demo-story{padding-top:2.5rem}}
/* Distinct evidence for each benefit; cropped surfaces explicitly continue. */
.demo-hero-stage{display:block}.demo-hero-stage .screen-label{max-width:390px;margin:0 auto .9rem}.value-capture{width:100%;max-width:390px;margin:0 auto}.capture-surface{position:relative;border:1.5px solid #747772;border-radius:12px;background:#faf7f1;overflow:hidden;box-shadow:0 16px 40px -24px #172a4e60}.capture-surface>img{display:block;width:100%;height:auto}.screen-continuation{position:relative;display:flex;align-items:center;justify-content:center;gap:.5rem;border-top:1.5px dashed #85877f;background:#f6f3eb;padding:.5rem 1rem;color:#595d57;font-size:.75rem;letter-spacing:.03em}.screen-continuation:before{content:'';position:absolute;bottom:100%;height:20px;left:0;right:0;background:linear-gradient(transparent,#faf7f1e8);pointer-events:none}.screen-continuation>span{font-size:1.2rem;line-height:1}.value-capture figcaption{color:var(--muted);font-size:.8rem;margin-top:.75rem;line-height:1.5}.value-nav{display:flex;flex-wrap:wrap;gap:.5rem 1.75rem;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:1.2rem 0}.value-nav a{color:var(--denim);font-size:.95rem;font-weight:600}.value-nav a:hover{text-decoration:underline}.value-section{display:grid;grid-template-columns:1.1fr 1fr;gap:5rem;align-items:center;padding:5rem 0;border-bottom:1px solid var(--line);scroll-margin-top:2rem}.value-section h2{font:700 clamp(2rem,3.5vw,3.15rem)/1.1 Bricolage,Arial,sans-serif;letter-spacing:-.035em;margin:0 0 1.4rem}.value-copy>p:not(.eyebrow){color:var(--muted);line-height:1.75}.value-copy .value-lead{font-size:1.17rem;color:var(--ink)!important}.value-copy .eyebrow{font-size:.75rem;color:var(--denim)}.value-points{list-style:none;padding:0;margin:1.6rem 0}.value-points li{position:relative;padding-left:1.5rem;margin-bottom:.7rem}.value-points li:before{content:'✓';position:absolute;left:0;color:var(--denim);font-weight:650}.value-inline{color:var(--denim);font-weight:600}.import-link{display:flex;gap:.65rem;align-items:center;justify-content:center;padding:1rem 0;color:var(--denim);font-size:.8rem}.import-link>span:first-child{font-size:1.3rem}.value-question{border-left:3px solid var(--yellow);padding-left:1.2rem;margin:1.8rem 0 0!important;color:var(--ink)!important;font-weight:550}.tag-ideas{margin-top:1.75rem;padding:1.4rem 1.5rem;border-radius:14px;background:#f0f3f8}.tag-ideas h3{font:700 1.25rem/1.35 Bricolage;margin:0 0 .7rem}.tag-ideas p{font-size:.95rem;line-height:1.65;color:var(--muted)}.tag-ideas ul{display:flex;gap:.5rem;flex-wrap:wrap;list-style:none;padding:0;margin:1.2rem 0 .75rem}.tag-ideas li{border:1px solid #9eafc9;color:#314f7b;border-radius:8px;padding:.3rem .7rem;font-size:.875rem;background:#fffefa}.tag-ideas small{font-size:.8rem;color:var(--muted)}.subscriptions-story .product-faq{margin-top:2rem}@media(min-width:761px){#spending .value-copy,#organisation .value-copy{grid-column:2;grid-row:1}#spending>.value-capture,#organisation>.value-capture{grid-column:1;grid-row:1}}@media(max-width:760px){.value-section{grid-template-columns:1fr;gap:1.8rem;padding:3rem 0}.value-section h2{font-size:2.15rem}.value-copy .value-lead{font-size:1.07rem}.value-nav{gap:.6rem 1rem;padding:1rem 0}.value-nav a{font-size:.875rem}.value-capture{max-width:390px}.tag-ideas{padding:1.2rem}.value-copy .eyebrow{margin-bottom:1rem}.connection-evidence{width:100%}.screen-continuation{font-size:.75rem}}
/* A soft crop edge, with no control-like label or divider. */
.capture-surface.capture-fade{border-bottom-color:transparent;border-radius:12px 12px 0 0;box-shadow:0 10px 28px -22px #172a4e40;mask-image:linear-gradient(to bottom,#000 0%,#000 calc(100% - 52px),transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 calc(100% - 52px),transparent 100%)}.capture-fade:after{content:'';position:absolute;inset:auto 0 0;height:52px;background:linear-gradient(transparent,var(--paper));pointer-events:none}.inbox-sources{max-width:390px;margin:0 auto;border:1.5px solid #747772;border-radius:14px;padding:1.25rem 1rem 1rem;background:#faf7f1}.source-logos{display:flex;align-items:center;justify-content:center;gap:.8rem}.source-account{display:flex;align-items:center;gap:.6rem;font-size:1rem;font-weight:600;border-radius:8px;padding:.35rem .2rem}.source-account img{object-fit:contain;flex:none}.source-account:hover{color:var(--denim)}.source-plus{font-size:1.1rem;color:var(--muted)}.inbox-sources>p{text-align:center;margin:.85rem 0 0;color:var(--muted);font-size:.875rem}.connection-evidence .import-link{font-size:.8rem;text-align:center}@media(max-width:360px){.source-logos{gap:.4rem}.source-account{font-size:.875rem;gap:.35rem}.source-account img{width:26px;height:28px}}
/* Generic phone silhouette: rounded top, unbranded, fading out below. */
.capture-surface.capture-fade{border:6px solid #303332;border-bottom:0;border-radius:34px 34px 0 0;background:#faf7f1;box-shadow:0 16px 36px -22px #172a4e55;mask-image:linear-gradient(to bottom,#000 0%,#000 calc(100% - 74px),transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 calc(100% - 74px),transparent 100%)}.capture-fade:after{height:60px}.capture-surface.capture-fade>img{border-radius:27px 27px 0 0}@media(max-width:380px){.capture-surface.capture-fade{border-width:5px;border-radius:30px 30px 0 0}.capture-surface.capture-fade>img{border-radius:24px 24px 0 0}}

/* Roomy, simple FAQs and a balanced three-provider bar. */
.subscriptions-story .product-faq{border:0;border-radius:0;background:transparent;padding:2rem 0;margin:2rem auto 4rem;max-width:880px}
.subscriptions-story .product-faq h2{margin:0 0 1.5rem}
.subscriptions-story .product-faq details,.subscriptions-story .product-faq details:last-child{border:0;border-radius:16px;background:#f3f3ed;padding:0;margin:0 0 .75rem}
.subscriptions-story .product-faq summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;list-style:none;padding:1.35rem 1.5rem;font-size:1rem;line-height:1.5}
.subscriptions-story .product-faq summary::-webkit-details-marker{display:none}
.subscriptions-story .product-faq summary::after{content:'+';font-size:1.4rem;font-weight:400;color:var(--denim);flex:none}
.subscriptions-story .product-faq details[open] summary::after{content:'−'}
.subscriptions-story .product-faq details p{margin:0;padding:0 1.5rem 1.5rem;font-size:1rem;line-height:1.7;max-width:760px}
.subscriptions-story .product-faq p a{color:var(--denim);text-decoration:underline;text-underline-offset:3px}
.subscriptions-story .product-faq summary:focus-visible{outline:2px solid var(--denim);outline-offset:3px;border-radius:16px}
.source-logos{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:.35rem}
.source-account{flex-direction:column;justify-content:center;gap:.6rem;min-width:0;font-size:.85rem;white-space:nowrap;padding:.35rem 0}
.source-account img{width:32px;height:32px}
.source-plus{font-size:1rem}
@media(max-width:760px){.subscriptions-story .product-faq{padding:1rem 0;margin:2rem auto 3rem}.subscriptions-story .product-faq summary{padding:1.25rem}.subscriptions-story .product-faq details p{padding:0 1.25rem 1.25rem}}

/* Value promises wear the same stitched yellow patch as the brand. */
.subscriptions-story .value-points{display:grid;gap:1.15rem;margin:1.75rem 0;padding:0;list-style:none}
.subscriptions-story .value-points li{position:relative;min-height:32px;padding:2px 0 0 46px;margin:0;line-height:1.65;color:var(--ink)}
.subscriptions-story .value-points li::before{content:'✓';position:absolute;left:0;top:2px;display:grid;place-items:center;width:30px;height:30px;margin:0;border:1px solid #b79b23;border-radius:9px;background:var(--yellow,#f5ce33);color:#242522;font:700 18px/1 Arial,sans-serif;box-shadow:0 2px 0 #b79b2340;transform:rotate(-5deg)}
.subscriptions-story .value-points li::after{content:'';position:absolute;left:3px;top:5px;width:24px;height:24px;border:1px dashed #63551e99;border-radius:6px;pointer-events:none;transform:rotate(-5deg)}
.subscriptions-story .value-points li:nth-child(2)::before,.subscriptions-story .value-points li:nth-child(2)::after{transform:rotate(4deg)}