.marketing-site.story-page{--story-dark: #22291f;--story-on-dark: #fbfcf7;--story-muted-dark: #c7cebf}.story-page .story-breadcrumb{display:flex;flex-wrap:wrap;gap:10px;padding-top:30px;color:var(--muted);font-size:12px}.story-page .story-breadcrumb a:hover{text-decoration:underline;text-underline-offset:4px}.story-page .story-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:64px;padding-block:58px 84px}.story-page .story-heading{min-width:0}.story-page .story-heading h1{font-size:clamp(40px,4.4vw,64px);letter-spacing:-.055em;line-height:1.06;text-wrap:balance}.story-page .story-heading h1 em{display:block}.story-page .story-heading .lede{margin-top:26px;max-width:540px}.story-page .story-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px 24px;margin-top:28px}.story-page .story-actions .marketing-cta{max-width:100%;white-space:normal}.story-page .story-note{font-size:12px;line-height:1.7;color:var(--muted);margin-top:24px}.story-page .story-visual{margin:0;min-width:0;padding-bottom:0}.story-page .story-photo{height:clamp(330px,34vw,490px);overflow:hidden;border-radius:18px;background:var(--soft)}.story-page .story-photo img{width:100%;height:100%;object-fit:cover;object-position:var(--photo-position, 50% 40%)}.story-page .story-sample{position:relative;width:calc(100% - 40px);margin:-92px auto 0;padding:25px 28px 0;border:1px solid var(--line);border-radius:12px;background:var(--surface);box-shadow:0 14px 28px -20px var(--story-dark)}.story-page .sample-label{display:block;color:var(--muted);font:12px/1.7 var(--font-mono);text-transform:uppercase;letter-spacing:.055em}.story-page .sample-title{display:block;font-size:23px;letter-spacing:-.04em;font-weight:500;line-height:1.25;margin-top:10px}.story-page .sample-rows{margin-block:18px 0;font-size:12px}.story-page .sample-rows>div{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-block:10px}.story-page .sample-rows dt{color:var(--muted)}.story-page .sample-rows dd{margin:0;text-align:right;overflow-wrap:anywhere}.story-page .sample-result{display:flex;align-items:center;gap:10px;margin:10px -28px 0;padding:16px 28px;border-radius:0 0 12px 12px;background:var(--soft);font-size:12px;font-weight:500}.story-page .sample-result:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--story-dark);flex-shrink:0}.story-page .story-benefits{display:flex;justify-content:space-between;flex-wrap:wrap;gap:18px 30px;border-block:1px solid var(--line);padding-block:26px;font-size:14px}.story-page .story-benefits span{display:flex;align-items:center;gap:12px}.story-page .story-benefits b{font:11px var(--font-mono);color:var(--muted);font-weight:400}.story-page .story-process{padding-block:96px;scroll-margin-top:110px}.story-page .story-process h2{max-width:660px}.story-page .story-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;list-style:none;padding:0;margin:46px 0 0;counter-reset:step}.story-page .story-steps li{border-top:1px solid var(--line);padding-top:22px;counter-increment:step}.story-page .story-steps li:before{content:"0" counter(step);color:var(--muted);font:12px var(--font-mono)}.story-page .story-steps h3{font-size:22px;margin-block:20px 12px}.story-page .story-steps p{color:var(--muted);font-size:15px;line-height:1.75}.story-page .story-detail-band{background:var(--story-dark);color:var(--story-on-dark);padding-block:80px}.story-page .story-detail{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:80px;align-items:center}.story-page .story-detail figure{margin:0;overflow:hidden;border-radius:16px;height:590px}.story-page .story-detail figure img{width:100%;height:100%;object-fit:cover}.story-page .story-detail .section-label,.story-page .story-detail p{color:var(--story-muted-dark)}.story-page .story-detail h2{font-size:clamp(32px,3.4vw,44px)}.story-page .story-detail p{font-size:15px;line-height:1.8;margin-top:20px}.story-page .story-detail dl{margin-block:28px}.story-page .story-detail dl>div{border-top:1px solid color-mix(in srgb,var(--story-muted-dark) 25%,transparent);padding-block:18px}.story-page .story-detail dt{font-weight:500;font-size:16px}.story-page .story-detail dd{margin:6px 0 0;font-size:14px;line-height:1.8;color:var(--story-muted-dark)}.story-page .story-related{padding-block:64px 84px;border-top:1px solid var(--line)}.story-page .story-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;margin-top:32px}.story-page .story-related-grid a{display:block;border-top:1px solid var(--line);padding-top:20px}.story-page .story-related-grid a:hover strong{text-decoration:underline;text-underline-offset:5px}.story-page .story-related-grid strong{display:flex;justify-content:space-between;gap:15px;font-size:20px;font-weight:500;letter-spacing:-.025em}.story-page .story-related-grid p{margin-top:12px;color:var(--muted);font-size:14px}.story-page .story-finish{background:var(--soft);padding-block:72px}.story-page .story-finish .wrap{display:flex;align-items:center;justify-content:space-between;gap:48px}.story-page .story-finish h2{max-width:620px}.story-page .story-finish p{color:var(--muted);margin-top:16px;max-width:570px}.story-page .story-finish .story-actions{flex-shrink:0;flex-direction:column;align-items:flex-start;margin:0}@media(max-width:1000px){.story-page .story-hero{gap:32px}.story-page .story-detail{gap:40px}.story-page .story-detail figure{height:570px}.story-page .story-finish .wrap{display:block}.story-page .story-finish .story-actions{flex-direction:row;align-items:center;margin-top:28px}}@media(max-width:760px){.story-page .wrap{width:calc(100% - 36px)}.story-page .story-hero{grid-template-columns:minmax(0,1fr);gap:40px;padding-block:42px 56px}.story-page .story-heading h1{font-size:clamp(38px,8.5vw,58px)}.story-page .story-photo{height:clamp(320px,85vw,500px)}.story-page .story-benefits{flex-direction:column;gap:14px;font-size:13px}.story-page .story-process{padding-block:64px}.story-page .story-steps{grid-template-columns:minmax(0,1fr);gap:28px;margin-top:32px}.story-page .story-steps h3{margin-top:12px}.story-page .story-detail-band{padding-block:48px}.story-page .story-detail{grid-template-columns:minmax(0,1fr)}.story-page .story-detail figure{height:clamp(300px,95vw,490px)}.story-page .story-related-grid{grid-template-columns:minmax(0,1fr);gap:24px}.story-page .story-sample{width:calc(100% - 24px);padding:20px 20px 0}.story-page .sample-result{margin-inline:-20px;padding-inline:20px}.story-page .sample-rows>div{gap:12px}.story-page .sample-title{font-size:21px}}
