/* Purpose-specific marketing layouts; no platform styles are changed. */
:root{--story-ink:#111b32;--story-muted:#58657b;--story-line:#dfe4ee}
.story-hero{padding:88px 0 58px;text-align:center}.story-hero h1{font:600 clamp(2.6rem,5.2vw,4.7rem)/1.09 Manrope,sans-serif;letter-spacing:-.055em;margin:24px auto;max-width:1080px}.story-hero em{font-style:normal;color:#6951df}.story-hero>p{font-size:1.15rem;line-height:1.75;max-width:660px;margin:auto;color:var(--story-muted)}
.redesign-page h2,.comparison-section h2{font-family:Manrope,sans-serif;font-size:clamp(1.8rem,3vw,2.7rem);line-height:1.2;letter-spacing:-.04em}.redesign-page p{line-height:1.75}.demo-caption{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:24px;margin-bottom:24px;color:var(--story-muted);font-size:.875rem}.quiet-button{border:1px solid #cbd3e4;background:#fff;border-radius:24px;color:#3c4963;font:inherit;font-size:.875rem;padding:10px 16px;cursor:pointer;white-space:nowrap}.quiet-button:hover{border-color:#7859e6;background:#f7f5ff}.quiet-button:focus-visible,[role=tab]:focus-visible,.guide-layout a:focus-visible{outline:3px solid #8670f0;outline-offset:4px}
.example-label{font-size:.75rem;letter-spacing:.13em;color:#6a7690;display:block;margin-bottom:25px}.product-demo{background:linear-gradient(130deg,#fafbff,#f0f2fa);padding:38px;border-bottom:1px solid var(--story-line);min-height:310px;display:flex;flex-direction:column;justify-content:center}.signal-route,.handoff-line{display:flex;align-items:center;gap:16px;max-width:600px;margin:10px auto;width:100%}.signal-route>span,.handoff-line>span{padding:12px 16px;background:#fff;border:1px solid #d7ddee;border-radius:14px;white-space:nowrap;font-size:.9rem;font-weight:600;box-shadow:0 5px 20px #22336608}.flow-wire{flex:1;min-width:24px;height:54px;width:100%;overflow:visible}.flow-wire path{fill:none;stroke:#8069e9;stroke-width:2;stroke-dasharray:3 7;stroke-linecap:round;animation:route-flow 3s linear infinite}@keyframes route-flow{to{stroke-dashoffset:-80}}
.voice-bars{display:flex;gap:5px;align-items:center;justify-content:center;height:90px;margin:8px auto}.voice-bars i{width:4px;height:var(--h);background:linear-gradient(#5ebcde,#7652e3);border-radius:6px;animation:listen 1.4s ease-in-out infinite alternate;animation-delay:calc(var(--i)*-.11s)}@keyframes listen{to{transform:scaleY(.3)}}
.mini-status{text-align:center;font-size:.875rem;color:#635785;margin-top:16px}.mini-message{background:#fff;border:1px solid #d8dfee;padding:19px 22px;border-radius:14px;margin:8px 0 20px;line-height:1.5;color:#243452}.extracted{display:flex;flex-wrap:wrap;gap:10px}.extracted>span{flex:1;min-width:110px;border:1px solid #dcd6f7;border-radius:12px;padding:15px;background:#f6f3ff;font-size:.75rem;color:#62547c;animation:field-in 6s infinite}.extracted>span:nth-child(2){animation-delay:.4s}.extracted>span:nth-child(3){animation-delay:.8s}.extracted b{display:block;font-size:.9rem;color:#292445;margin-top:8px}@keyframes field-in{0%,100%{border-color:#dcd6f7}40%{border-color:#8b72eb;background:#ede8ff}}
.mini-calendar{max-width:480px;width:100%;margin:auto;border:1px solid #d9dfec;background:white;border-radius:14px;padding:22px}.mini-calendar strong{font-size:.9rem}.mini-calendar>div{display:flex;gap:8px;margin:20px 0}.mini-calendar span{flex:1;text-align:center;border-radius:9px;background:#f4f6fa;padding:12px 3px;line-height:1.9;font-size:.8rem}.mini-calendar .selected{background:#7056e5;color:white;box-shadow:0 5px 18px #7056e530}.mini-calendar p{font-size:.9rem;margin:8px 0}.mini-calendar small{color:#6b7488;font-size:.75rem}.context-note,.source-row{background:#fff;border:1px solid #d9dfec;border-radius:14px;padding:20px;margin-top:16px;color:#34415d;font-size:.9rem}.context-note p{margin-bottom:0;font-size:.875rem}.source-row>span{display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:#74638b;margin-bottom:10px}.source-row p{margin:10px 0 0}.control-rows{display:grid;gap:12px}.control-rows span{display:flex;gap:20px;justify-content:space-between;padding:20px;background:white;border:1px solid #dce2ed;border-radius:12px;font-size:.9rem}.control-rows b{color:#6550cb}.workflow-nodes{display:flex;align-items:center}.workflow-nodes>span{border:1px solid #bcb0ea;background:#f0ebff;padding:20px 15px;border-radius:14px;font-size:.875rem;text-align:center;min-width:100px}
.experience-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:24px}.experience-card{border:1px solid var(--story-line);border-radius:22px;overflow:hidden;background:#fff;transition:border-color .2s,box-shadow .2s}.experience-card:hover{border-color:#b2a5e3;box-shadow:0 16px 40px #202c4d09}.experience-visual{padding:30px;background:linear-gradient(145deg,#fafbff,#f1f3fa);min-height:300px;display:flex;flex-direction:column;justify-content:center}.experience-copy{padding:28px 32px}.experience-copy>small{color:#6e7290;letter-spacing:.12em;font-size:.75rem}.experience-copy h3{font-size:1.5rem;letter-spacing:-.035em;margin:15px 0 12px}.experience-copy p{font-size:1rem;color:var(--story-muted);line-height:1.7}.experience-copy a{display:inline-block;margin-top:12px}
.module-tour{display:grid;grid-template-columns:285px minmax(0,1fr);border:1px solid var(--story-line);border-radius:22px;overflow:hidden;margin-bottom:90px;background:white}.module-nav{padding:24px 16px;background:#f8f9fc;border-right:1px solid var(--story-line);display:flex;flex-direction:column;gap:8px}.module-nav button{border:1px solid transparent;text-align:left;background:none;padding:20px 16px;border-radius:12px;color:#5b6780;display:flex;align-items:center;gap:14px;font:500 1rem 'DM Sans',sans-serif;cursor:pointer}.module-nav small{font-size:.75rem;color:#969cb1}.module-nav button>span{margin-left:auto}.module-nav button[aria-selected=true]{background:#fff;border-color:#ded7f3;color:#6141d2;box-shadow:0 6px 18px #1a284d06}.module-description{padding:32px 38px}.module-description h2{margin:14px 0;font-size:2rem}.module-description p{color:var(--story-muted);margin-bottom:0}.story-cta{display:flex;align-items:center;justify-content:space-between;gap:32px;border-top:1px solid var(--story-line);padding-top:50px;padding-bottom:65px;margin-top:65px}.story-cta h2{margin:16px 0 0}
.solution-explorer{border:1px solid var(--story-line);border-radius:24px;overflow:hidden;margin-bottom:80px}.solution-tabs{display:flex;background:#f7f8fc;border-bottom:1px solid var(--story-line);overflow-x:auto}.solution-tabs button{flex:1;border:0;border-bottom:3px solid transparent;padding:23px 20px;background:none;color:#59657d;white-space:nowrap;font:500 1rem 'DM Sans',sans-serif;cursor:pointer}.solution-tabs small{margin-right:12px;color:#9b96ae}.solution-tabs [aria-selected=true]{color:#6846d6;background:white;border-bottom-color:#7555e5}.solution-explorer [role=tabpanel]{display:grid;grid-template-columns:1fr 1.1fr;gap:55px;align-items:center;padding:55px}.solution-copy h2{margin:18px 0}.solution-copy p{color:var(--story-muted);margin-bottom:28px}.journey-player{padding:28px;background:#f6f7fc;border:1px solid #e0e4ed;border-radius:18px}.story-turn{background:#fff;border:1px solid #e0e4ef;border-radius:12px;padding:17px 20px;margin-bottom:14px;animation:story-first 9s infinite}.story-turn p{margin:8px 0 0;font-size:1rem}.story-turn small{font-size:.75rem;color:#65718b}.story-turn.ai{margin-left:20px;background:#eeebfc;border-color:#d8cff5;animation-name:story-second}.story-outcome{padding:16px;background:#e7f2ef;color:#2c6558;border-radius:10px;font-size:.875rem;animation:story-third 9s infinite}.story-progress{height:3px;background:#dedbea;margin:22px 0}.story-progress i{display:block;width:100%;height:3px;background:#7d62e6;transform-origin:left;animation:story-progress 9s linear infinite}.story-actions{display:flex;gap:10px;flex-wrap:wrap}.journey-player .fine{font-size:.75rem;line-height:1.6;margin-bottom:0;color:#67748b}@keyframes story-first{0%,7%{opacity:.3;transform:translateY(7px)}14%,100%{opacity:1;transform:none}}@keyframes story-second{0%,29%{opacity:.3;transform:translateY(7px)}38%,100%{opacity:1;transform:none}}@keyframes story-third{0%,58%{opacity:.3}70%,100%{opacity:1}}@keyframes story-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.agency-network{display:grid;grid-template-columns:.8fr 1.4fr;gap:50px;align-items:center;margin-bottom:85px}.network-heading p{color:var(--story-muted)}.network-surface{border:1px solid #dce2ed;border-radius:24px;padding:30px;background:#f6f7fb}.agency-hub{display:flex;flex-direction:column;align-items:center;gap:10px;background:#14213f;color:#d5ccff;border-radius:16px;padding:22px;max-width:230px;margin:auto}.agency-hub strong{font-size:1.2rem;color:white}.agency-hub small{font-size:.75rem}.network-surface>.flow-wire{height:50px}.client-branches{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.client-branches article{border:1px solid #dbe0ed;border-radius:12px;background:white;overflow:hidden;padding-bottom:16px}.client-branches img{width:100%;height:105px;object-fit:cover}.client-branches h3{font-size:1rem;margin:14px 12px 6px}.client-branches p,.client-branches span{font-size:.75rem;margin:0 12px;color:#6b7690;display:block}.client-branches span{margin-top:12px;color:#6b50cf}.agency-editorial{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center;margin-bottom:80px}.agency-editorial>img{width:100%;aspect-ratio:1.5;object-fit:cover;border-radius:22px}.agency-editorial p{color:var(--story-muted)}.launch-roadmap ol{padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:36px;border-top:1px solid #cbc4e4;margin-top:36px}.launch-roadmap li{padding-top:25px}.launch-roadmap li>span{color:#775be0;font-size:.875rem}.launch-roadmap h3{font-size:1.2rem}.launch-roadmap p{color:var(--story-muted)}
.guide-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:80px}.guide-layout>nav{position:sticky;top:120px;align-self:start;display:flex;flex-direction:column;gap:9px}.guide-layout>nav>.eyebrow{margin-bottom:18px}.guide-layout nav a{display:flex;align-items:center;gap:14px;padding:15px 0;color:#526079;border-bottom:1px solid #e8ebf2;font-size:.9rem}.guide-layout nav a:hover{color:#6b4bcf}.guide-layout nav a>span{color:#9185b9;font-size:.75rem}.guide-chapter{display:flex;gap:26px;border-top:1px solid #dee3ee;padding:40px 0;scroll-margin-top:105px}.chapter-number{font:400 2rem Manrope,sans-serif;color:#b5accf}.guide-chapter h2{font-size:2rem;margin:16px 0}.guide-chapter p{color:var(--story-muted)}.guide-chapter aside{border-left:3px solid #8e79db;padding:18px 24px;background:#f7f6fc;margin-top:25px}.guide-chapter aside strong{font-size:.875rem}.guide-chapter aside p{font-size:.95rem;margin-bottom:0}
.trust-flow{background:#14213c;color:white;padding:45px;border-radius:24px;display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.trust-flow .eyebrow{color:#b8aaf1}.trust-flow p{color:#c1c9dc}.trust-flow ol{padding:0;margin:0;list-style:none}.trust-flow li{display:flex;align-items:center;gap:20px;padding:21px 0;border-bottom:1px solid #34415d}.trust-flow li span{color:#a393e3;font-size:.875rem}.trust-flow li strong{font-weight:500}.security-details{padding-top:50px;max-width:950px}.security-details details{border-bottom:1px solid #dce2ec;scroll-margin-top:110px}.security-details summary{display:flex;align-items:center;gap:25px;cursor:pointer;padding:25px 0;list-style:none}.security-details summary::-webkit-details-marker{display:none}.security-details summary>span{font-size:.875rem;color:#8775b1}.security-details h3{font-size:1.15rem;margin:0 0 6px}.security-details summary p{margin:0;color:var(--story-muted);font-size:.95rem}.security-details summary>b{margin-left:auto;color:#7854dc;font-size:1.4rem}.security-details details[open] summary>b{transform:rotate(45deg)}.security-details details>p{padding:0 45px 25px;margin:0;color:var(--story-muted)}.honest-note{font-size:.875rem;color:#69748b;margin-top:30px}
.comparison-section{margin-top:20px;margin-bottom:85px}.comparison-scroll{overflow-x:auto;border:1px solid #dce2ec;border-radius:18px;margin-top:30px}.comparison-scroll table{border-collapse:collapse;width:100%;min-width:700px;text-align:left;font-size:.9rem}.comparison-scroll caption{text-align:left;padding:20px;color:#6e7890;font-size:.875rem}.comparison-scroll th,.comparison-scroll td{padding:20px;border-top:1px solid #e3e7ef}.comparison-scroll thead th{background:#f5f4fb;color:#5b448e}.comparison-scroll tbody th{font-weight:500}.price-card .price{min-height:75px}.price-card h2{font-family:Manrope,sans-serif}.steps-grid{position:relative}.steps-grid article{border-top:2px solid #cfc7ed}.steps-grid article>span{display:inline-flex;background:#eee9fc;color:#6a50ca;padding:9px 13px;border-radius:50%;font-size:.875rem}
.choice-group{border:0;margin:20px 0;padding:0}.choice-group legend{font:600 .9rem 'DM Sans',sans-serif;letter-spacing:0;margin-bottom:12px}.choice-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.choice-options label{cursor:pointer;display:flex;align-items:center;gap:10px;padding:14px;border:1px solid #d5dced;border-radius:12px;font-size:.875rem;background:#fcfdff;line-height:1.4}.choice-options label:has(input:checked){border-color:#7855e5;background:#f3efff;color:#583bb3;box-shadow:0 0 0 1px #7855e5}.choice-options input{accent-color:#7855e5;flex-shrink:0}.choice-options label:focus-within{outline:3px solid #cbbdf5;outline-offset:2px}.access .access-tabs{padding:7px;gap:5px}.access .access-tabs button{font-size:.875rem;min-height:43px}.access .access-card{box-shadow:0 25px 75px #14213c0c}.access .access-intro{line-height:1.7}
.motion-stopped .flow-wire path,.motion-stopped .voice-bars i,.motion-stopped .extracted>span,.story-paused .story-turn,.story-paused .story-outcome,.story-paused .story-progress i{animation-play-state:paused!important}.offscreen-motion *{animation-play-state:paused!important}
@media(max-width:1000px){.module-tour{grid-template-columns:235px minmax(0,1fr)}.solution-explorer [role=tabpanel]{gap:28px;padding:32px}.agency-network{grid-template-columns:1fr}.guide-layout{gap:38px;grid-template-columns:230px minmax(0,1fr)}.experience-visual{padding:24px}.signal-route>span,.handoff-line>span{padding:12px;font-size:.8rem}}
@media(max-width:720px){.story-hero{padding:55px 0 38px}.story-hero h1{font-size:2.6rem}.story-hero>p{font-size:1rem}.experience-grid,.module-tour,.agency-editorial,.guide-layout,.trust-flow{grid-template-columns:1fr}.experience-visual{min-height:260px}.experience-copy{padding:24px}.module-nav{flex-direction:row;overflow:auto;border-right:0;border-bottom:1px solid #dce1ed;padding:12px}.module-nav button{white-space:nowrap;padding:14px}.module-nav button>span{display:none}.product-demo{padding:25px;min-height:285px}.module-description{padding:26px}.module-description h2{font-size:1.7rem}.solution-explorer [role=tabpanel]{grid-template-columns:1fr;padding:25px}.solution-tabs button{padding:19px 16px}.solution-copy h2{font-size:1.9rem}.journey-player{padding:18px}.guide-layout>nav{position:static;display:grid;grid-template-columns:1fr 1fr;gap:0 15px}.guide-layout>nav>.eyebrow{grid-column:1/-1}.guide-chapter{gap:15px}.guide-chapter h2{font-size:1.7rem}.chapter-number{font-size:1.4rem}.trust-flow{padding:30px;gap:20px}.launch-roadmap ol{grid-template-columns:1fr;gap:5px}.agency-editorial{gap:30px}.network-surface{padding:20px}.client-branches{gap:8px}.client-branches img{height:80px}.client-branches h3{font-size:.875rem;margin-left:8px;margin-right:8px}.client-branches p,.client-branches span{margin-left:8px;margin-right:8px}.story-cta{flex-direction:column;align-items:flex-start}.demo-caption{align-items:flex-start;flex-direction:column}.workflow-nodes>span{min-width:0;padding:15px 10px;font-size:.8rem}.workflow-nodes .flow-wire{min-width:15px}.choice-options{grid-template-columns:1fr 1fr}}
@keyframes story-first{0%,7%{border-color:#dedfec}14%,35%{border-color:#8c77db;box-shadow:0 0 0 2px #8c77db18}45%,100%{border-color:#dedfec}}
@keyframes story-second{0%,29%{border-color:#d8cff5}38%,60%{border-color:#8c77db;box-shadow:0 0 0 2px #8c77db18}70%,100%{border-color:#d8cff5}}
@keyframes story-third{0%,58%{background:#e7f2ef}70%,85%{background:#d2e9e0}100%{background:#e7f2ef}}
.agency-editorial>img{height:auto}
@media(prefers-reduced-motion:reduce){.flow-wire path,.voice-bars i,.extracted>span,.story-turn,.story-outcome,.story-progress i{animation:none!important}.story-turn,.story-outcome{opacity:1!important;transform:none!important}.experience-card{transition:none}}
