/* Spatial product stories: graphite, architectural linework, warm orange. */
.story-page{background:var(--paper)}
.story-hero{position:relative;overflow:hidden;border-bottom:1px solid var(--line);background:radial-gradient(ellipse at 82% 48%,#f0863d0b,transparent 62%)}
.story-breadcrumb{display:flex;gap:10px;align-items:center;padding-block:24px 0;font-size:12px;color:var(--muted)}
.story-breadcrumb a:hover{color:var(--accent)}
.story-breadcrumb span[aria-hidden]{color:#59616b}
.story-hero-grid{display:grid;grid-template-columns:1fr 1.08fr;align-items:center;gap:46px;min-height:590px;padding-block:48px 64px}
.story-kicker{display:flex;align-items:center;gap:12px;font-size:13px;letter-spacing:.08em;color:var(--muted);margin:0 0 28px}
.story-kicker:before{content:"";width:24px;height:2px;background:var(--accent)}
.story-kicker .code{font-family:var(--mono);font-size:12px;color:var(--accent);letter-spacing:.12em}
.story-hero h1{font-size:clamp(42px,4.5vw,60px);line-height:1.3;letter-spacing:-.035em;margin:0 0 24px;font-weight:600}
.story-hero h1 em{font-style:normal;color:var(--accent)}
.story-lead{max-width:470px;color:var(--muted);font-size:16px;line-height:1.95;margin:0 0 30px}
.story-hero .button-row{gap:12px}
.story-hero .button{min-height:48px;font-size:14px;padding:14px 22px}
.story-tags{display:flex;flex-wrap:wrap;gap:8px;margin:26px 0 0;padding:0;list-style:none}
.story-tags li{font-size:12px;color:#bdc3cc;padding:5px 11px;border:1px solid var(--line);border-radius:2px}
.spatial-visual{position:relative;isolation:isolate;margin:0;background:#16191d;border:1px solid #3d434b;box-shadow:0 24px 60px #0003}
.spatial-visual:before,.spatial-visual:after{position:absolute;content:"";width:20px;height:20px;border-color:var(--accent);z-index:1;pointer-events:none}
.spatial-visual:before{left:-1px;top:-1px;border-top:2px solid var(--accent);border-left:2px solid var(--accent)}
.spatial-visual:after{right:-1px;bottom:-1px;border-bottom:2px solid var(--accent);border-right:2px solid var(--accent)}
.spatial-topline{display:flex;justify-content:space-between;gap:16px;padding:18px 22px;font-size:11px;color:var(--muted);border-bottom:1px solid #ffffff08;letter-spacing:.07em}
.spatial-topline>span:first-child{color:var(--accent);font-family:var(--mono)}
.spatial-visual img{display:block;width:100%;height:auto;aspect-ratio:800/560;object-fit:contain}
.spatial-visual figcaption{display:flex;justify-content:space-between;gap:20px;padding:16px 22px;border-top:1px solid #ffffff08;color:var(--muted);font-size:11px}
.spatial-visual figcaption strong{color:#e3e6eb;font-weight:400}
.scenario-switch{border-bottom:1px solid var(--line);background:#16191d}
.scenario-switch .container{display:flex;gap:36px;align-items:center;min-height:65px}
.scenario-switch span{color:var(--muted);font-size:12px;margin-right:auto}
.scenario-switch a{position:relative;padding:22px 0;font-size:14px;line-height:20px}
.scenario-switch a[aria-current=page]{color:var(--accent)}
.scenario-switch a[aria-current=page]:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--accent)}
.story-section{padding-block:84px}
.story-section+.story-section{border-top:1px solid var(--line)}
.story-heading{display:grid;grid-template-columns:1fr .64fr;align-items:end;gap:60px;margin-bottom:38px}
.story-heading .eyebrow{margin-bottom:16px}
.story-heading h2{font-size:34px;font-weight:500;line-height:1.4;letter-spacing:-.025em;margin:0}
.story-heading>p{font-size:14px;line-height:1.9;color:var(--muted);margin:0}
.need-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.need-item{padding:30px 28px 30px 0;min-width:0}
.need-item+.need-item{padding-left:28px;border-left:1px solid var(--line)}
.need-index{font-family:var(--mono);font-size:12px;letter-spacing:.1em;color:var(--accent)}
.need-item h3{font-size:20px;font-weight:500;margin:22px 0 12px;line-height:1.5}
.need-item p{color:var(--muted);font-size:14px;line-height:1.9;margin:0}
.story-workflow{background:#16191d;border-block:1px solid var(--line)}
.workflow-editorial{display:grid;grid-template-columns:.65fr 1fr;gap:100px}
.workflow-editorial h2{font-size:34px;line-height:1.45;font-weight:500;margin:16px 0 22px}
.workflow-editorial .intro{font-size:14px;color:var(--muted);line-height:1.9;max-width:330px}
.process-list{padding:0;margin:0;list-style:none}
.process-list li{display:grid;grid-template-columns:40px 1fr;gap:18px;padding-block:24px;border-top:1px solid var(--line)}
.process-list li:first-child{padding-top:0;border-top:0}
.process-list li:last-child{padding-bottom:0}
.process-list .step{font-family:var(--mono);font-size:14px;color:var(--accent);padding-top:3px}
.process-list h3{font-size:19px;font-weight:500;margin:0 0 8px}
.process-list p{font-size:14px;line-height:1.85;color:var(--muted);margin:0}
.process-list .role{display:inline-block;color:#d6dce4;font-size:11px;letter-spacing:.04em;margin-top:12px}
.outcome-grid{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:18px}
.outcome-card{background:#1a1e23;border:1px solid var(--line);padding:28px;min-width:0}
.outcome-card:first-child{border-top-color:var(--accent)}
.outcome-card svg{color:var(--accent);width:34px;height:34px;margin-bottom:32px}
.outcome-card h3{font-size:19px;font-weight:500;margin:0 0 12px}
.outcome-card p{font-size:13px;color:var(--muted);line-height:1.9;margin:0}
.scope-note{font-size:12px;line-height:1.9;color:var(--muted);padding-left:14px;border-left:2px solid #78553c;margin:26px 0 0}
.story-faq{display:grid;grid-template-columns:.65fr 1fr;gap:100px}
.story-faq h2{font-size:32px;font-weight:500;margin:14px 0 0}
.faq-stack details{border-top:1px solid var(--line);padding:0 0 0}
.faq-stack details:last-child{border-bottom:1px solid var(--line)}
.faq-stack summary{display:flex;align-items:center;justify-content:space-between;gap:20px;list-style:none;cursor:pointer;padding:22px 0;font-size:15px;font-weight:500}
.faq-stack summary::-webkit-details-marker{display:none}
.faq-stack summary:after{content:"+";font-family:var(--mono);font-size:22px;font-weight:400;color:var(--accent)}
.faq-stack details[open] summary:after{content:"−"}
.faq-stack details p{font-size:14px;color:var(--muted);line-height:1.95;margin:0 32px 24px 0}
.story-cta{border-block:1px solid var(--line);background:linear-gradient(110deg,#f0863d0c,transparent 65%),#1a1d21}
.story-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:40px;padding-block:52px}
.story-cta h2{font-size:28px;font-weight:500;margin:0 0 12px;line-height:1.5}
.story-cta p{font-size:14px;color:var(--muted);margin:0;line-height:1.9}
.story-cta .button-row{flex-shrink:0;gap:12px}
.story-cta .button{font-size:14px;padding:14px 22px;min-height:48px}
.software-hero .story-hero-grid{grid-template-columns:.9fr 1.1fr}
.software-hero .story-kicker{margin-bottom:22px}
.software-title{font-size:17px;color:var(--ink);margin:0 0 18px;font-weight:500}
.product-journey{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:0;list-style:none;border:1px solid var(--line);margin:0}
.product-journey a{display:block;padding:26px 30px}
.product-journey li+li{border-left:1px solid var(--line)}
.product-journey a:hover{background:#f0863d08}
.product-journey span{display:block;font-size:11px;color:var(--muted);margin-bottom:10px}
.product-journey strong{font-size:18px;font-weight:500}
.product-journey [aria-current=page]{background:#f0863d09;box-shadow:inset 0 2px var(--accent)}
.product-journey [aria-current=page] strong{color:var(--accent)}
.product-journey small{display:block;font-size:12px;color:var(--muted);margin-top:8px}
.feature-notes{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.feature-note{display:grid;grid-template-columns:35px 1fr;gap:20px;border-top:1px solid var(--line);padding-block:28px}
.feature-note .need-index{padding-top:5px}
.feature-note h3{margin:0 0 10px;font-size:20px;font-weight:500}
.feature-note p{margin:0;color:var(--muted);font-size:14px;line-height:1.9;max-width:420px}
.feature-note a{display:inline-block;font-size:13px;color:var(--accent);margin-top:16px}
.case-intro{padding-block:62px 46px;display:grid;grid-template-columns:1fr .65fr;gap:90px;align-items:end}
.case-intro h1{font-size:52px;line-height:1.35;font-weight:600;margin:0 0 20px;letter-spacing:-.03em}
.case-intro h1 em{color:var(--accent);font-style:normal}
.case-intro p{font-size:15px;color:var(--muted);line-height:1.95;margin:0}
.case-stage{display:grid;grid-template-columns:1.2fr 1fr;min-height:440px;background:#1a1e23;border:1px solid var(--line)}
.case-stage .spatial-visual{border:0;box-shadow:none;background:#15181c}
.case-stage .spatial-visual img{height:100%;aspect-ratio:auto;object-fit:contain}
.case-stage .spatial-visual:before,.case-stage .spatial-visual:after{display:none}
.case-stage-copy{padding:46px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.availability-label{display:inline-flex;align-items:center;gap:8px;color:var(--accent);font-size:11px;letter-spacing:.1em;margin-bottom:25px}
.availability-label:before{content:"";width:5px;height:5px;background:var(--accent)}
.case-stage h2{font-size:30px;font-weight:500;line-height:1.5;margin:0 0 16px}
.case-stage p{font-size:14px;line-height:1.9;color:var(--muted);margin:0 0 28px}
.case-stage dl{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;width:100%;margin:0 0 28px;padding-top:22px;border-top:1px solid var(--line)}
.case-stage dt{font-size:11px;color:var(--muted)}
.case-stage dd{margin:10px 0 0;font-size:13px}
.scenario-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.scenario-card{display:flex;flex-direction:column;background:#191d22;border:1px solid var(--line);transition:border-color .2s}
.scenario-card:hover{border-color:#a2663e}
.scenario-card img{width:100%;height:auto;aspect-ratio:800/480;object-fit:cover;border-bottom:1px solid var(--line)}
.scenario-card-copy{padding:25px}
.scenario-card h3{font-size:22px;margin:0 0 12px;font-weight:500}
.scenario-card p{font-size:13px;color:var(--muted);line-height:1.9;margin:0 0 20px}
.scenario-card span{font-size:12px;color:var(--accent)}
.support-quickstart{padding-block:36px 50px;border-top:1px solid var(--line)}
.support-quickstart h2{font-size:23px;font-weight:500;margin:0 0 24px}
.quickstart-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.quickstart-grid article{border-top:1px solid var(--line);padding-top:20px}
.quickstart-grid h3{font-size:16px;font-weight:500;margin:0 0 10px}
.quickstart-grid p{font-size:13px;line-height:1.9;color:var(--muted);margin:0 0 14px}
.quickstart-grid a{font-size:13px;color:var(--accent)}
.solution-link[aria-current=page]{color:var(--accent);background:var(--accent-soft)}
@media(min-width:1600px){.story-hero-grid{min-height:640px}}
@media(max-width:1023px){.story-hero-grid{gap:28px;min-height:520px}.story-hero h1{font-size:44px}.story-heading,.workflow-editorial,.story-faq{gap:48px}.case-stage-copy{padding:30px}.case-intro{gap:40px}.story-cta-inner{gap:24px}.story-cta .button-row{flex-direction:column}}
@media(max-width:760px){
 .story-breadcrumb{padding-top:18px;font-size:11px}.story-hero-grid,.software-hero .story-hero-grid{grid-template-columns:1fr;gap:34px;padding-block:32px 40px;min-height:0}
 .story-hero h1{font-size:40px;line-height:1.35;margin-bottom:18px}.story-kicker{margin-bottom:20px}.story-lead{font-size:14px;line-height:1.95;margin-bottom:22px;max-width:100%}
 .story-tags{margin-top:22px}.story-hero .button{font-size:13px;padding:13px 17px}.spatial-topline,.spatial-visual figcaption{padding:13px 16px;font-size:10px}
 .scenario-switch .container{gap:28px;min-height:58px}.scenario-switch span{font-size:11px}.scenario-switch a{font-size:13px;padding:19px 0}
 .story-section{padding-block:48px}.story-heading{grid-template-columns:1fr;gap:16px;margin-bottom:26px}.story-heading h2,.workflow-editorial h2,.story-faq h2{font-size:28px}.story-heading>p{font-size:13px}
 .need-grid{grid-template-columns:1fr}.need-item,.need-item+.need-item{padding:24px 0;border-left:0}.need-item+.need-item{border-top:1px solid var(--line)}.need-item h3{margin-top:12px;font-size:19px}.need-item p{font-size:13px}
 .workflow-editorial,.story-faq{grid-template-columns:1fr;gap:30px}.workflow-editorial .intro{max-width:none}.process-list li{grid-template-columns:28px 1fr;gap:12px}.process-list h3{font-size:17px}.process-list p{font-size:13px}
 .outcome-grid{grid-template-columns:1fr;gap:12px}.outcome-card{padding:24px}.outcome-card svg{margin-bottom:18px;width:28px;height:28px}.outcome-card h3{font-size:18px}
 .faq-stack summary{font-size:14px;padding-block:18px}.faq-stack details p{font-size:13px;margin-right:16px}.story-cta-inner{flex-direction:column;align-items:stretch;padding-block:36px;gap:24px}.story-cta h2{font-size:25px}.story-cta p{font-size:13px}.story-cta .button-row{flex-direction:row;flex-wrap:wrap}.story-cta .button{font-size:13px;padding:13px 17px}
 .product-journey{grid-template-columns:1fr}.product-journey li+li{border-left:0;border-top:1px solid var(--line)}.product-journey a{padding:19px 22px;display:grid;grid-template-columns:88px 1fr;gap:2px 18px;align-items:center}.product-journey span{grid-row:1/3;margin:0}.product-journey strong{font-size:16px}.product-journey small{margin:0}
 .feature-notes{grid-template-columns:1fr;gap:0}.feature-note{grid-template-columns:28px 1fr;gap:12px;padding-block:24px}.feature-note h3{font-size:18px}.feature-note p{font-size:13px}
 .case-intro{grid-template-columns:1fr;gap:20px;padding-block:36px 28px}.case-intro h1{font-size:38px}.case-intro p{font-size:14px}.case-stage{grid-template-columns:1fr}.case-stage .spatial-visual img{aspect-ratio:800/470;height:auto}.case-stage-copy{padding:28px 24px}.case-stage h2{font-size:26px}.case-stage p{font-size:13px}.case-stage dl{gap:12px}.case-stage dd{font-size:12px}
 .scenario-cards,.quickstart-grid{grid-template-columns:1fr}.scenario-card{display:grid;grid-template-columns:110px 1fr}.scenario-card img{height:100%;aspect-ratio:auto;border-right:1px solid var(--line);border-bottom:0;object-fit:cover}.scenario-card-copy{padding:20px}.scenario-card h3{font-size:19px}.scenario-card p{font-size:12px;margin-bottom:14px}.support-quickstart{padding-block:28px 36px}.quickstart-grid{gap:24px}
}
@media(prefers-reduced-motion:reduce){.scenario-card{transition:none}}