/* Alternate light editorial space with dark product surfaces beyond the first fold. */
.section-intro{background:radial-gradient(700px 500px at 100% 0%,rgba(242,67,57,.18),transparent 73%),radial-gradient(540px 480px at 0% 95%,rgba(255,138,29,.13),transparent 72%),#081827}
.section-intro .value-card{background:linear-gradient(145deg,#1e3046,#0c1d30);border-color:rgba(175,198,219,.28);box-shadow:0 15px 35px rgba(0,0,0,.12)}
.story-section{background:#f2f0ed;color:#142238}.story-section .section-number{color:#c83a3f}.story-section .section-rule{background:#c9ced2}.story-section .section-aside{color:#607185}.story-section h2{color:#142238}.story-head p{color:#52657a!important}.story-glow{background:radial-gradient(circle,rgba(254,126,41,.19),transparent 68%)}
.story-tab{border-left-color:#c5cdd5;color:#283a50}.story-tab:hover,.story-tab.is-active{background:linear-gradient(90deg,rgba(253,5,77,.1),rgba(255,138,29,.11));border-color:rgba(207,89,63,.36);border-left-color:#e33a48}.story-tab strong{color:#17283d}.story-tab small{color:#516176}
.story-display{background:linear-gradient(145deg,#22384f,#102339);border-color:#73899d;box-shadow:0 32px 75px rgba(15,34,54,.27);color:#eaf1f8}.story-display h3{color:#fff}.story-display p{color:#bdccdc!important}.story-display .mini-decision p{color:#bdccdc!important}
.capability-section{background:radial-gradient(620px 590px at 100% 15%,rgba(251,72,48,.2),transparent 70%),radial-gradient(650px 520px at 0% 92%,rgba(204,15,82,.17),transparent 72%),linear-gradient(140deg,#0a192b,#132238)}.capability-grid article{border-color:rgba(193,211,227,.27);box-shadow:0 18px 38px rgba(0,0,0,.14)}
.integration-section{background:#f2f0ed;color:#142238}.integration-section .section-number{color:#ca3a3e}.integration-section h2{color:#142238}.integration-section p{color:#52647a}.integration-section .text-link{color:#24364a;border-bottom-color:#8a9aab}.integration-section .text-link:hover{color:#c83a3f;border-bottom-color:#c83a3f}.integration-visual{box-shadow:0 35px 65px rgba(17,32,52,.2);border:8px solid #dce1e5}
.control-section{background:radial-gradient(640px 520px at 10% 55%,rgba(249,47,73,.19),transparent 70%),radial-gradient(660px 510px at 100% 100%,rgba(255,133,30,.13),transparent 70%),#081828}
.final-cta{background:linear-gradient(125deg,#121527 5%,#2d1428 48%,#522322 100%)}.cta-glow{background:radial-gradient(circle,rgba(253,5,77,.38),rgba(255,138,29,.17) 43%,transparent 70%)}

/* The product visual stays illustrative; the active region follows the sequence below it. */
.conversation-flow{position:relative;padding:24px 0 0}.flow-heading{display:flex;justify-content:space-between;gap:16px;margin-bottom:12px;color:#465b70;font-size:10px;font-weight:800;letter-spacing:.14em}.flow-heading span:last-child{color:#ac5b57}
.flow-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.flow-step{position:relative;min-width:0;display:flex;align-items:center;gap:11px;padding:15px 13px 17px;border:1px solid #c7cdd1;border-radius:12px;background:rgba(255,255,255,.67);text-align:left;color:#142238;overflow:hidden;transition:background .28s,border-color .28s,box-shadow .28s,transform .28s}.flow-step:hover{transform:translateY(-2px);border-color:#ef8a5b}.flow-step.is-active{background:#fff;border-color:#ed5b4c;box-shadow:0 10px 25px rgba(168,53,48,.13)}.flow-step.is-active::after{content:"";position:absolute;left:0;bottom:0;height:3px;width:100%;transform-origin:left;animation:flow-fill 4.2s linear forwards;background:linear-gradient(90deg,#fd054d,#ff8a1d)}.flow-number{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:10px;color:#fff;background:linear-gradient(125deg,#e42c4a,#f7792e);font-size:11px;font-weight:800}.flow-step strong,.flow-step small{display:block}.flow-step strong{font:700 14px/1.2 Manrope,Inter,sans-serif}.flow-step small{margin-top:3px;font-size:10px;line-height:1.35;color:#5d7085}
.product-frame [data-flow-target]{position:relative;transition:border-color .3s,box-shadow .3s,transform .3s}.product-frame [data-flow-target].is-flow-active{z-index:2;border-color:#ff794b;box-shadow:0 0 0 2px rgba(255,112,67,.7),0 0 24px rgba(253,5,77,.4);transform:translateY(-2px)}.product-list-item.selected.is-flow-active{box-shadow:0 0 0 2px rgba(255,112,67,.7),0 0 24px rgba(253,5,77,.4)}
@keyframes flow-fill{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(max-width:800px){.story-tab{border-top-color:#c5cdd5;border-left-color:#c5cdd5}.story-tab.is-active{border-top-color:#e33a48}.flow-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.flow-step{padding:12px}.integration-visual{border-width:6px}}
@media(max-width:560px){.flow-heading span:last-child{display:none}.flow-steps{gap:6px}.flow-step{gap:7px;padding:9px 7px 12px}.flow-number{width:29px;height:29px;font-size:9px}.flow-step strong{font-size:11px}.flow-step small{font-size:9px}.story-section .story-tab{background:#fff;border:1px solid #c5cdd5}.story-section .story-tab.is-active{background:linear-gradient(110deg,#fce6df,#fff);border-color:#df6752}.story-display{border-color:#6f879e}}
@media(prefers-reduced-motion:reduce){.flow-step.is-active::after{animation:none;transform:none}.product-frame [data-flow-target].is-flow-active{transform:none}}

/* Stronger chapter changes through sections 01–04. */
.section-intro{isolation:isolate;overflow:hidden;background:linear-gradient(120deg,#b80f47 0%,#d72b46 42%,#ef602e 78%,#f68a29 100%);border-top:1px solid rgba(255,255,255,.2);border-bottom:1px solid rgba(12,29,48,.15)}
.section-intro::before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(600px 460px at 0% 0%,rgba(255,255,255,.16),transparent 70%),radial-gradient(650px 550px at 100% 100%,rgba(77,10,45,.27),transparent 70%);pointer-events:none}
.section-intro .section-number,.section-intro .section-aside,.section-intro .soft-text{color:#fff}.section-intro .section-rule{background:rgba(255,255,255,.5)}.section-intro .intro-copy p{color:#fff}.section-intro h2{color:#fff}
.section-intro .value-card{background:linear-gradient(145deg,rgba(16,36,55,.97),rgba(7,24,41,.97));border-color:rgba(255,255,255,.31);box-shadow:0 24px 55px rgba(40,9,33,.26)}.section-intro .value-card p{color:#d3deea}.section-intro .card-tail{color:#b8c9d8}
.story-section{background:#f5f7f7}.story-section .story-display{box-shadow:0 32px 70px rgba(21,49,71,.2)}
.capability-section{background:radial-gradient(700px 520px at 92% 3%,rgba(255,123,65,.15),transparent 68%),linear-gradient(135deg,#fff7f2 0%,#f5e9e8 55%,#f5f2ee 100%);color:#1a2a3e;border-top:1px solid #e2dedb;border-bottom:1px solid #e2dedb}
.capability-section .section-number,.capability-section .capability-kicker{color:#c43b41}.capability-section .section-rule{background:#d4c7c6}.capability-section .section-aside{color:#6b7483}.capability-section h2,.capability-section .soft-text,.capability-section h3{color:#152438}.capability-section p{color:#526278}
.capability-grid article{background:linear-gradient(145deg,#fff,#f7f7f6);border-color:#dfd5d1;box-shadow:0 20px 45px rgba(86,42,52,.1)}
.capability-large{background:radial-gradient(circle at 9% 100%,rgba(253,5,77,.09),transparent 55%),linear-gradient(145deg,#fff,#f8f6f5)!important}
.capability-grid .relationship-visual strong{color:#fff}.capability-grid .relationship-visual small{color:#aab9c8}
.integration-section{background:radial-gradient(650px 500px at 100% 10%,rgba(81,153,180,.09),transparent 72%),linear-gradient(130deg,#e9f0f3,#f3f7f7 62%,#e8eef2);border-bottom:1px solid #d6e0e5}
.integration-visual{border-color:#fff;box-shadow:0 35px 65px rgba(17,47,70,.2)}
.section-intro h2 em{background:none;color:#fff;-webkit-text-fill-color:#fff;text-decoration:underline;text-decoration-color:rgba(255,255,255,.55);text-decoration-thickness:3px;text-underline-offset:8px}.capability-section .soft-text{color:#b13b47}