/* Product and solution pages: a short, illustrated story, using the landing
   page's type and the approved PDF artwork. Opt-in; other pages keep home.css. */
.page-story{--story-blue:#eaf2fa;--story-rule:#d9e2ec;background:#fff;overflow:clip;}
.page-story h1,.page-story h2,.page-story h3{font-weight:500;}
.page-story p{color:#536277;line-height:1.65;text-wrap:pretty;}
.page-story .container{max-width:1160px;}
.story-hero{padding:65px 0 50px;}
.story-hero-in{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;}
.story-label{font-size:.95rem;font-weight:600;color:var(--lapis)!important;margin-bottom:23px;}
.story-intro h1{font-size:clamp(2.5rem,4.15vw,3.65rem);line-height:1.13;letter-spacing:-.035em;max-width:15ch;}
.story-lead{font-size:1.15rem;max-width:43ch;margin-top:25px;}
.page-story .hero-actions{gap:24px;margin-top:31px;align-items:center;flex-wrap:wrap;}
.page-story .btn{border-radius:8px;min-height:49px;padding:12px 23px;}
.story-link,.story-pricing-head>a{font-size:1rem;font-weight:600;color:var(--lapis);text-underline-offset:5px;}
.story-guide{margin-top:23px;font-size:.88rem;}
.story-guide a{color:#4d6480;}
.story-note{margin-top:18px;font-size:.9rem;}
.story-hero-art{margin:0;min-width:0;}
.story-hero-art img{width:100%;height:auto;aspect-ratio:1/1;object-fit:contain;}
.story-benefits{padding:42px 0 66px;}
.story-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:42px;}
.story-benefits article{border-top:1px solid var(--story-rule);padding-top:25px;}
.story-columns h2,.story-columns h3{font-size:1.4rem;line-height:1.25;letter-spacing:-.02em;}
.story-columns p{margin-top:14px;font-size:1rem;}
.story-feature{padding:20px 0 70px;}
.story-feature-in{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:65px;}
.story-feature figure{margin:0;min-width:0;}
.story-feature figure img{width:100%;height:auto;max-height:470px;object-fit:contain;}
.story-feature-copy h2,.story-setup>div>h2,.story-tools h2,.story-pricing h2,.story-questions h2{font-size:clamp(1.8rem,2.9vw,2.6rem);line-height:1.2;letter-spacing:-.025em;}
.story-feature-copy p{margin-top:22px;max-width:43ch;font-size:1.06rem;}
.story-feature-copy>a{display:inline-block;margin-top:24px;}
.story-setup{background:#f3f7fb;padding:64px 0 68px;}
.story-setup>div>h2{max-width:19ch;margin-bottom:40px;}
.story-setup ol{list-style:none;margin:0;padding:0;}
.story-number{display:block;color:#567da8;font-size:.85rem;font-weight:600;margin-bottom:17px;font-variant-numeric:tabular-nums;}
.story-pricing{padding:68px 0;}
.story-pricing-head{display:flex;justify-content:space-between;align-items:center;gap:36px;}
.story-pricing-head p{margin-top:16px;max-width:64ch;}
.story-pricing-head>a{flex-shrink:0;}
.story-estimate{border-top:1px solid var(--story-rule);border-bottom:1px solid var(--story-rule);margin-top:30px;}
.story-estimate>summary{display:flex;align-items:center;justify-content:space-between;gap:20px;list-style:none;cursor:pointer;padding:23px 0;font-size:1.05rem;font-weight:600;color:var(--lapis);}
.story-estimate>summary::-webkit-details-marker{display:none;}
.story-estimate>summary>span{font-size:1.5rem;font-weight:400;transition:transform .2s;}
.story-estimate[open]>summary>span{transform:rotate(45deg);}
.page-story .story-calculator{background:#f3f7fb;padding:28px 0;color:var(--ink);border-radius:12px;margin-bottom:24px;}
.page-story .story-calculator .container{width:calc(100% - 48px);}
.page-story .calc{margin-top:0;gap:32px;}
.page-story .calc-controls{background:transparent;border:0;padding:0;}
.page-story .calc-out{background:#fff;border:1px solid var(--story-rule);color:var(--ink);box-shadow:none;border-radius:10px;}
.page-story .calc-out .rec,.page-story .calc-out .price,.page-story .calc-out .per{color:var(--lapis);}
.page-story .calc-out .sub,.page-story .calc-out .note{color:#536277;}
.page-story .calc-out .btn-light{background:var(--lapis);color:#fff;border-color:var(--lapis);}
.page-story .calc .lab,.page-story .calc-check,.page-story .calc-field{color:var(--ink);}
.page-story .calc .lab-note,.page-story .calc .calc-hint{color:#536277;}
.story-estimate .band{padding:0 0 30px;background:#fff;border:0;}
.story-estimate .band>.container{width:100%;}
.story-estimate .band-head p{font-size:1rem;}
.story-questions{padding:60px 0 76px;background:#f8fafc;border-top:1px solid #e7edf3;}
.story-questions-in{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;}
.story-questions-in>div>p{margin-top:14px;font-size:1rem;}
.page-story .faq{margin-top:0;}
.page-story .faq details{border-color:var(--story-rule);}
.page-story .faq summary{font-size:1.02rem;padding-top:22px;padding-bottom:22px;}
.page-story .faq p{font-size:1rem;max-width:65ch;}
.story-language-list{padding-bottom:24px;font-size:.95rem;line-height:1.7;color:#536277;}
.story-language-list p+p{margin-top:16px;}
.story-final{padding:76px 0 84px;text-align:center;background:#eaf2fa;}
.story-final h2{font-size:clamp(2rem,3.4vw,3rem);letter-spacing:-.025em;}
.story-final p{margin:18px auto 0;}
.story-final .hero-actions{justify-content:center;}
.story-tools{padding:0 0 65px;}
.story-tools-lead{margin-top:18px;max-width:62ch;}
.story-tools-lead .story-link{white-space:nowrap;}
.story-tool-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 36px;margin-top:30px;}
.story-tool-links a{border-bottom:1px solid var(--story-rule);padding:18px 0;font-size:1rem;font-weight:500;}
/* Leave long translations and RTL layouts the space they need. */
@media(min-width:1500px){.story-hero{padding-top:80px;}}
@media(max-width:900px){
 .story-hero{padding-top:45px;}
 .story-hero-in{gap:24px;}
 .story-intro h1{font-size:clamp(2.2rem,5vw,3.2rem);}
 .story-lead{font-size:1.06rem;}
 .story-columns{gap:25px;}
 .story-feature-in{gap:34px;}
 .story-questions-in{gap:38px;grid-template-columns:.8fr 1.2fr;}
 .story-pricing-head{align-items:flex-start;flex-direction:column;gap:20px;}
}
@media(max-width:640px){
 .story-hero{padding:35px 0 24px;}
 .story-hero-in{grid-template-columns:1fr;gap:25px;}
 .story-intro h1{font-size:2.65rem;max-width:17ch;}
 .story-label{margin-bottom:18px;}
 .story-lead{margin-top:21px;font-size:1.08rem;}
 .story-hero-art{max-width:420px;justify-self:center;width:100%;}
 .story-hero-art img{aspect-ratio:1.18/1;}
 .story-benefits{padding:0 0 40px;}
 .story-columns{grid-template-columns:1fr;gap:25px;}
 .story-benefits article{padding-top:21px;}
 .story-columns p{margin-top:10px;}
 .story-feature{padding:0 0 45px;}
 .story-feature-in{grid-template-columns:1fr;gap:23px;}
 .story-feature figure img{max-height:320px;}
 .story-feature-copy h2{max-width:22ch;}
 .story-feature-copy p{margin-top:17px;}
 .story-setup{padding:44px 0;}
 .story-setup>div>h2{margin-bottom:30px;}
 .story-setup .story-columns{gap:28px;}
 .story-number{margin-bottom:10px;}
 .story-pricing{padding:45px 0;}
 .story-estimate{margin-top:24px;}
 .page-story .story-calculator{padding:22px 0;}
 .page-story .story-calculator .container{width:calc(100% - 30px);}
 .page-story .calc{grid-template-columns:1fr;gap:24px;}
 .story-questions{padding:44px 0 50px;}
 .story-questions-in{grid-template-columns:1fr;gap:27px;}
 .story-final{padding:51px 0 60px;}
 .story-final h2{font-size:2.15rem;}
 .story-tools{padding:0 0 40px;}
 .story-tool-links{grid-template-columns:1fr;gap:0;}
}
@media(prefers-reduced-motion:reduce){.story-estimate>summary>span{transition:none;}}
/* A light footer keeps these illustrated pages calm through the last section. */
.page-story~.foot{--deeper:#f5f8fb;--on-deep:#274e8d;--on-deep-soft:#536277;--on-deep-faint:#617084;--hairline-on-deep-soft:#d9e2ec;--hairline-on-deep:#d9e2ec;border-top:1px solid #d9e2ec;}
.page-story [id]{scroll-margin-top:100px;}
.app-embed .page-story .story-hero{padding-top:28px;}
/* Shared photographic backgrounds, added after the first-ten review.
   Alpha artwork extends beyond the text measure; it is never boxed in a card. */
.story-hero--backdrop{position:relative;padding-block:55px 50px;isolation:isolate;}
.story-hero--backdrop .story-hero-in{display:block;position:relative;min-height:510px;display:flex;align-items:center;}
.story-hero--backdrop .story-intro{position:relative;z-index:1;width:49%;max-width:555px;}
.story-hero--backdrop .story-hero-art{position:absolute;z-index:0;inset-block-start:50%;inset-inline-end:-100px;transform:translateY(-50%);width:760px;height:620px;max-width:none;}
.story-hero--backdrop .story-hero-art img{width:100%;height:100%;object-fit:contain;aspect-ratio:auto;}
.story-hero--compact{padding:55px 0 42px;}
.story-hero--compact .story-hero-in{display:block;}
.story-hero--compact .story-intro{max-width:790px;}
.story-hero--compact h1{max-width:22ch;}
.story-hero--compact .story-lead{max-width:58ch;}
.story-hero--device .story-hero-art img{max-height:520px;}
.page-story .story-feature-in{position:relative;display:flex;min-height:430px;align-items:center;gap:0;}
.page-story .story-feature figure{position:absolute;inset-block:0;inset-inline-start:-65px;width:57%;display:flex;align-items:center;}
.page-story .story-feature figure img{max-height:430px;object-fit:contain;}
.page-story .story-feature-copy{width:45%;margin-inline-start:auto;position:relative;}
.story-content{padding:56px 0 65px;}
.story-content h2{font-size:clamp(1.8rem,2.9vw,2.6rem);line-height:1.2;font-weight:500;letter-spacing:-.025em;}
.story-content .band-head{max-width:800px;margin-bottom:30px;}
.story-content .band-head p{margin-top:16px;}
.story-tint{background:#f3f7fb;}
.story-content .container{min-width:0;}
.story-company-facts{display:grid;grid-template-columns:1.3fr 1fr;gap:60px;}
.story-company-facts h3{font-size:1.5rem;}
.story-company-facts p{margin-top:20px;}
.story-prose{max-width:850px!important;}
.story-prose>p{margin-top:22px;max-width:65ch;}
.story-prose>.story-link{display:inline-block;margin-top:20px;}
.story-library{display:grid;grid-template-columns:1fr 1fr;gap:45px 70px;}
.story-library article{border-top:1px solid var(--story-rule);padding-top:25px;}
.story-library h2{font-size:1.55rem;}
.story-library p{margin-top:13px;max-width:45ch;}
.story-library-actions{display:flex;flex-wrap:wrap;gap:12px 25px;margin-top:22px;}
.story-library-actions a{font-size:.95rem;}
.story-directory{display:grid;grid-template-columns:1fr 1fr;gap:0 65px;}
.story-directory-item{position:relative;display:block;min-width:0;border-top:1px solid var(--story-rule);padding:27px 32px 30px 0;}
.story-directory-item:hover{text-decoration:none;background:#f8fafc;}
.story-directory-item h2{font-size:1.55rem;line-height:1.3;}
.story-directory-item p{margin-top:13px;font-size:1rem;}
.story-directory-item>span{position:absolute;inset-inline-end:0;inset-block-start:25px;font-size:1.4rem;}
.page-story .story-plans .price-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:stretch;gap:12px;}
.page-story .price-col{background:#fff;border:1px solid var(--story-rule);border-radius:10px;padding:25px 21px;box-shadow:none;min-width:0;}
.page-story .price-col.feat{background:#eef5fc;border:1px solid #b6cbe3;color:var(--ink);}
.page-story .price-col h3,.page-story .price-col.feat h3,.page-story .price-col .amt{color:var(--lapis);}
.page-story .price-col .pf,.page-story .price-col .plabel,.page-story .price-col p{color:#536277;}
.page-story .price-col .pf li{font-size:.92rem;}
.page-story .price-col .amt{font-size:2.4rem;}
.page-story .price-col .amt span{font-size:.85rem;}
.page-story .price-col .amt--text,.page-story .price-col .amt:has(b){font-size:1.65rem;line-height:1.3;}
.page-story .price-col.feat .pf svg{color:var(--lapis);}
.page-story .price-col.feat .btn-blue{background:var(--lapis);color:#fff;}
.page-story .price-col.feat .per-hour{color:var(--lapis);}
.page-story .price-col.feat .save-sticker{background:#dbeafa;color:var(--lapis);}
.page-story .plan-controls{gap:20px;flex-wrap:wrap;margin-bottom:25px;}
.page-story .story-content .ent{box-shadow:none;background:transparent;border:0;padding:0;gap:30px;}
.page-story .station-order{background:#f3f7fb;border:1px solid var(--story-rule);box-shadow:none;border-radius:10px;}
.page-story .story-estimate>.story-content{padding:10px 0 30px;}
.page-story .story-estimate>.story-content>.container{width:100%;}
.page-story .story-contact .booking-card{background:transparent;box-shadow:none;border:0;border-radius:0;padding:0 0 30px;}
.page-story .story-contact .booking-card h2{font-size:2.05rem;}
.page-story .story-contact .booking-card p{margin-block:16px 22px;}
.page-story .app-platform-card{box-shadow:none;border:1px solid var(--story-rule);background:#fff;border-radius:10px;}
.page-story .app-platform-card h3{font-size:1.65rem;}
.page-story .store-badges{gap:14px;flex-wrap:wrap;}
.page-story .store-badges .store-badge{background:transparent;box-shadow:none;border:0;padding:0;}
@media(min-width:1500px){.story-hero--backdrop .story-hero-art{inset-inline-end:-160px;width:860px;height:680px;}}
@media(max-width:1100px){.page-story .story-plans .price-row{grid-template-columns:repeat(3,minmax(0,1fr));}.story-hero--backdrop .story-hero-art{width:620px;inset-inline-end:-115px;}.story-hero--backdrop .story-intro{width:50%;}}
@media(max-width:800px){.story-directory{gap:0 35px;}.story-library{gap:30px 35px;}.story-hero--backdrop .story-hero-in{min-height:450px;}.story-hero--backdrop .story-hero-art{width:530px;height:530px;inset-inline-end:-130px;}.story-hero--backdrop .story-intro{width:52%;}.page-story .story-feature figure{inset-inline-start:-25px;width:53%;}.page-story .story-feature-copy{width:48%;}}
@media(max-width:640px){
 .story-hero--backdrop{padding:30px 0 15px;}
 .story-hero--backdrop .story-hero-in{display:block;min-height:0;}
 .story-hero--backdrop .story-intro{width:100%;max-width:none;}
 .story-hero--backdrop .story-hero-art{position:relative;inset:auto;transform:none;width:calc(100% + 60px);height:320px;margin:8px -30px 0;}
 .story-hero--backdrop .story-hero-art img{height:100%;width:100%;}
 .story-hero--device .story-hero-art img{max-height:360px;}
 .story-hero--compact{padding:32px 0 25px;}
 .page-story .story-feature-in{display:flex;flex-direction:column;min-height:0;}
 .page-story .story-feature figure{position:relative;inset:auto;width:calc(100% + 36px);min-height:280px;max-height:320px;justify-content:center;margin:0 -18px 20px;}
 .page-story .story-feature figure img{max-height:300px;width:100%;}
 .page-story .story-feature-copy{width:100%;margin:0;}
 .story-content{padding:38px 0 45px;}
 .story-content .band-head{margin-bottom:24px;}
 .story-company-facts{grid-template-columns:1fr;gap:35px;}
 .story-library,.story-directory{grid-template-columns:1fr;gap:26px;}
 .story-directory{gap:0;}
 .story-directory-item{padding-block:24px;}
 .page-story .story-plans .price-row{grid-template-columns:1fr;gap:18px;}
 .page-story .price-col{padding:26px;}
 .page-story .price-col .amt{font-size:2.7rem;}
 .page-story .story-content .ent{display:flex;flex-direction:column;align-items:flex-start;}
 .page-story .story-contact .formgrid{gap:35px;}
 .story-library-actions{flex-direction:column;gap:13px;}
}
/* A photographic edge is deliberate here: it meets the viewport instead of
   floating as a framed rectangle. Other pages keep open alpha silhouettes. */
.story-hero--paper{position:relative;isolation:isolate;}
.story-hero--paper .story-hero-art img{width:100%;height:auto;aspect-ratio:auto;object-fit:contain;}
.story-hero--photo .story-hero-in{position:static;}
.story-hero--photo .story-hero-art{inset-block:0;inset-inline:auto 0;transform:none;width:47%;height:100%;}
.story-hero--photo .story-hero-art img{width:100%;height:100%;object-fit:cover;object-position:60% center;}
@media(max-width:640px){
 .story-hero--photo .story-hero-art{position:relative;inset:auto;width:calc(100% + 36px);height:330px;margin:28px -18px 0;}
 .story-hero--paper .story-hero-art img{max-height:340px;}
}
/* Real PDF pages, rather than another lifestyle scene, introduce the library. */
.story-hero .story-doc-stack{position:relative;min-height:430px;}
.story-hero .story-doc-stack img{position:absolute;width:48%;height:auto;max-height:none;aspect-ratio:auto;top:40px;left:22%;transform:rotate(-10deg);box-shadow:0 10px 35px rgba(24,49,79,.12);}
.story-hero .story-doc-stack img:nth-child(2){left:38%;top:25px;transform:rotate(6deg);}
.story-hero .story-doc-stack img:nth-child(3){left:8%;top:60px;transform:rotate(-2deg);}
@media(max-width:640px){.story-hero .story-doc-stack{min-height:360px;max-width:360px;}.story-hero .story-doc-stack img{width:49%;}}
.story-hero--photo{position:relative;isolation:isolate;padding-block:55px 50px;}
.story-hero--photo .story-hero-in{display:flex;align-items:center;min-height:510px;}
.story-hero--photo .story-intro{position:relative;z-index:1;width:49%;max-width:555px;}
.story-hero--photo .story-hero-art{position:absolute;inset-block:0;inset-inline:auto 0;max-width:none;width:47%;height:100%;}
@media(max-width:640px){
 .story-hero--photo{padding:30px 0 0;}
 .story-hero--photo .story-hero-in{display:block;min-height:0;}
 .story-hero--photo .story-intro{width:100%;max-width:none;}
 .story-hero--photo .story-hero-art{position:relative;inset:auto;width:calc(100% + 36px);height:330px;margin:28px -18px 0;}
}
/* Brochure covers: the photograph is the page, as on the customer PDFs. Two
   shapes. A full cover spans the page and leaves the room's white for the
   words; a side cover bleeds off one edge and fades out towards them. Every
   other edge dissolves into the page, so no frame can show whatever the
   picture's paper tone. Product shots fade out in an oval instead. */
.page-story em{font-style:italic;font-weight:400;}
.story-cover{position:relative;isolation:isolate;display:flex;align-items:flex-start;min-height:clamp(620px,56vw,860px);padding:64px 0 70px;}
.story-cover-in{position:relative;}
.story-cover .story-intro{max-width:520px;}
.story-cover .story-intro>p:not(.story-label):not(.story-guide){max-width:36ch;}
.story-cover-art{position:absolute;inset:var(--art-top,21%) 0 0;z-index:-1;margin:0;pointer-events:none;}
.story-cover-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--focus,70% 50%);-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 16%,#000 76%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 16%,#000 76%,transparent 100%);}
/* A white veil under the words on full covers, fading out before the ribbon. */
.story-cover-art::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#fff 0,rgba(255,255,255,.9) 24%,rgba(255,255,255,.55) 36%,rgba(255,255,255,0) 50%);-webkit-mask-image:linear-gradient(to bottom,#000 0,#000 48%,transparent 72%);mask-image:linear-gradient(to bottom,#000 0,#000 48%,transparent 72%);}
/* Right-to-left pages mirror full covers so the white side sits under the
   words; pictures with readable text in them opt out with --fixed. */
[dir=rtl] .story-cover-art::after{transform:scaleX(-1);}
[dir=rtl] .story-cover:not(.story-cover--side):not(.story-cover--side-start) .story-cover-art:not(.story-cover-art--fixed) img{transform:scaleX(-1);}
.story-cover--feature{--art-top:0%;align-items:center;min-height:clamp(470px,42vw,640px);padding:40px 0 120px;}
.story-cover--feature h2{font-size:clamp(1.8rem,2.9vw,2.6rem);line-height:1.2;letter-spacing:-.025em;}
.story-cover--feature .story-intro p{margin-top:22px;font-size:1.06rem;}
.story-cover--feature .story-link{display:inline-block;margin-top:24px;}
.story-cover--side .story-cover-art,.story-cover--side-start .story-cover-art{inset-block:var(--art-block,0 0);}
.story-cover--side .story-cover-art{inset-inline:var(--art-start,44%) 0;}
.story-cover--side-start .story-cover-art{inset-inline:0 var(--art-end,50%);}
.story-cover--side .story-cover-art::after,.story-cover--side-start .story-cover-art::after{display:none;}
.story-cover--side .story-cover-art img,.story-cover--side-start .story-cover-art img{--fade-to:right;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 14%,#000 80%,transparent 100%),linear-gradient(to var(--fade-to),transparent 0,#000 28%);mask-image:linear-gradient(to bottom,transparent 0,#000 14%,#000 80%,transparent 100%),linear-gradient(to var(--fade-to),transparent 0,#000 28%);-webkit-mask-composite:source-in;mask-composite:intersect;}
.story-cover--side-start .story-cover-art img,[dir=rtl] .story-cover--side .story-cover-art img{--fade-to:left;}
[dir=rtl] .story-cover--side-start .story-cover-art img{--fade-to:right;}
.story-cover--side-start .story-cover-in{display:flex;justify-content:flex-end;}
.story-cover--side-start .story-intro{max-width:430px;}
.story-cover .story-cover-art--whole{display:flex;justify-content:center;}
.story-cover .story-cover-art.story-cover-art--whole img{width:auto;max-width:100%;height:100%;object-fit:contain;-webkit-mask-image:radial-gradient(closest-side,#000 62%,transparent 100%);mask-image:radial-gradient(closest-side,#000 62%,transparent 100%);-webkit-mask-composite:source-over;mask-composite:add;}
/* The situation and its comparison, as on the one-pagers: two figures side by side. */
.story-situation{padding:30px 0 80px;}
.story-situation-in{display:grid;grid-template-columns:.95fr 1.05fr;gap:72px;align-items:end;}
.story-situation h2,.story-in-use h2{font-size:clamp(1.8rem,2.9vw,2.6rem);line-height:1.2;letter-spacing:-.025em;max-width:16ch;}
.story-situation p{margin-top:20px;max-width:48ch;}
.story-text-feature h2{max-width:20ch;}
.story-text-feature>a{display:inline-block;margin-top:20px;}
.story-compare{display:grid;grid-template-columns:1fr 1fr;margin:0;}
.story-compare>div{border-top:2px solid var(--gold);padding:20px 26px 6px 0;}
.story-compare>div+div{padding-inline-start:26px;border-inline-start:1px solid var(--story-rule);}
.story-compare dt{font-size:.85rem;font-weight:600;color:#536277;}
.story-compare dd{margin:12px 0 0;}
.story-compare b{display:block;white-space:nowrap;font-family:var(--serif);font-size:clamp(1.75rem,2.6vw,2.6rem);font-weight:500;line-height:1.1;color:var(--lapis);letter-spacing:-.02em;}
.story-compare span{display:block;margin-top:10px;font-size:.93rem;line-height:1.5;color:#536277;}
.story-in-use{padding:70px 0 80px;}
.story-in-use ul{list-style:none;margin:34px 0 0;padding:0;}
.story-in-use li{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.5fr);gap:40px;border-top:1px solid var(--story-rule);padding:20px 0;}
.story-in-use li:last-child{border-bottom:1px solid var(--story-rule);}
.story-in-use b{font-family:var(--serif);font-size:1.15rem;font-weight:500;color:var(--ink);}
.story-in-use span{color:#536277;line-height:1.6;}
/* A founder's next step closes the page, signed like the PDFs. */
.story-final--founder{text-align:start;}
.story-founder{display:grid;grid-template-columns:150px minmax(0,1fr);gap:44px;align-items:center;max-width:860px!important;}
.story-founder img{width:150px;height:180px;object-fit:cover;border-radius:10px;}
.story-final--founder p{margin:16px 0 0;max-width:52ch;}
.story-final--founder .story-signature{margin-top:14px;font-size:.92rem;font-weight:600;color:var(--lapis);}
.story-final--founder .hero-actions{justify-content:flex-start;}
/* Below tablet width every cover stacks: words first, then the picture. */
@media(max-width:960px){
 .story-cover,.story-cover--feature{flex-direction:column;align-items:stretch;min-height:0;padding:42px 0 0;}
 .story-cover .story-cover-art{position:relative;inset:auto;order:2;z-index:0;height:clamp(250px,56vw,470px);margin-top:12px;}
 .story-cover-art::after{display:none;}
 .story-cover-art img,.story-cover--side .story-cover-art img,.story-cover--side-start .story-cover-art img{-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 26%,#000 82%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 26%,#000 82%,transparent 100%);}
 .story-cover--side-start .story-cover-in{display:block;}
 .story-cover .story-intro,.story-cover--side-start .story-intro{max-width:620px;}
 .story-situation-in{grid-template-columns:1fr;gap:40px;}
 .story-in-use li{grid-template-columns:1fr;gap:6px;}
}
@media(max-width:640px){
 .story-cover{padding-top:32px;}
 .story-cover h1{font-size:2.6rem;}
 .story-cover .story-cover-art{height:300px;}
 .story-situation{padding:10px 0 56px;}
 .story-compare{grid-template-columns:1fr;gap:22px;}
 .story-compare>div{padding-inline-end:0;}
 .story-compare>div+div{padding-inline-start:0;border-inline-start:0;}
 .story-in-use{padding:50px 0 56px;}
 .story-founder{grid-template-columns:1fr;gap:24px;}
 .story-founder img{width:110px;height:132px;}
}