/* Natural reading sequences: no content is hidden behind a switch. */
.devices,.ai-story{overflow:clip}
[data-scroll-sequence]{min-width:0;position:relative}
[data-scroll-step]{scroll-margin-top:60px}
.sequence-nav{position:sticky;top:88px;z-index:12;display:flex;gap:5px;padding:6px;margin:0 0 35px;background:#f9faf7;border:1px solid #c5d0ba;box-shadow:0 8px 18px -14px #162b1855}
.sequence-nav a{display:flex;flex:1;justify-content:center;align-items:center;min-width:0;min-height:44px;padding:10px 9px;text-align:center;font-size:14px;line-height:1.4;background:transparent;transition:background .2s,color .2s}
.sequence-nav a[aria-current=step]{background:#304d30;color:#f8faf3}
.sequence-nav a:hover{box-shadow:inset 0 0 0 1px #6c835c}
.sequence-nav-dark{background:#11251d;border-color:#617750}
.sequence-nav-dark a{color:#d1dfc4}
.sequence-nav-dark a[aria-current=step]{background:var(--lime);color:#223219}
.sequence-nav-dark a:hover{box-shadow:inset 0 0 0 1px #c8dd9d}
.sequence-step-heading{display:flex;gap:15px;align-items:baseline;margin-bottom:22px;line-height:1.35}
.sequence-step-heading>span{font-size:12px;color:#6b7b5d}
.sequence-step-heading h3,.sequence-step-heading h4{font-size:23px;font-weight:400;letter-spacing:-.025em;margin:0;line-height:1.3}
.ai-story .sequence-step-heading>span{color:#b5c69f}
.ai-story .is-reading>.sequence-step-heading>span{color:var(--lime)}
.is-reading>.sequence-step-heading>span{color:#294927}
.device-sequence{margin-top:55px}
.device-format-step{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:6vw;align-items:center;min-height:530px;padding:45px 0 75px;border-bottom:1px solid #d5ddcc}
.device-format-step:last-child{border-bottom:0;padding-bottom:0}
.device-format-copy h3{font-size:clamp(33px,3.3vw,52px);letter-spacing:-.04em;line-height:1.05;max-width:430px}
.device-format-copy>p:last-child{font-size:17px;line-height:1.6;color:#5c6e50;max-width:360px;margin-top:23px}
.device-format-step .device-demo{min-width:0;min-height:390px}
.device-format-step .adaptable-screen{transition:none}
.device-format-step .device-demo[data-format=phone]{--screen-width:310px}
.device-format-step .device-demo[data-format=tablet]{--screen-width:550px;padding:18px 8px}
.device-format-step .device-demo[data-format=tablet] .adaptable-screen{border:7px solid #d3d9cb;border-radius:18px}
.device-format-step .device-demo[data-format=desktop]{--screen-width:720px}
.device-format-step .device-demo[data-format=desktop] .adaptable-screen{border:8px solid #24372a;border-bottom-width:20px;border-radius:8px}
.device-format-step .device-demo:not([data-format=phone]) .adaptable-body{padding:23px}
.device-format-step .device-demo:not([data-format=phone]) .device-stats{grid-template-columns:1.6fr 1fr 1fr;gap:8px}
.device-format-step .device-demo:not([data-format=phone]) .device-stats>div{padding:12px 10px}
.device-format-step .device-demo:not([data-format=phone]) .wide-stat strong{font-size:29px}
.device-format-step .device-demo:not([data-format=phone]) .device-stats .compact-stat strong{font-size:22px}
/* Wolof: a person speaking, then a person making sense of the activity. */
.ai-intro-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:5vw;align-items:center}
.ai-intro h2{font-size:clamp(48px,5.1vw,84px)}
.ai-intro>p:not(.feature-eyebrow):not(.wolof-line){max-width:560px;font-size:18px}
.ai-intro .wolof-line{font-size:clamp(23px,2.3vw,34px)}
.ai-voice-scene{position:relative;margin:0;align-self:stretch;min-height:480px;background:#213927;overflow:hidden}
.ai-voice-scene>img{position:absolute;inset:0;object-position:35% center}
.ai-voice-scene figcaption{position:absolute;bottom:21px;left:20px;right:20px;color:#21391e;padding:21px;background:#eaf2daf2;border:1px solid #f4f7e5aa;border-radius:4px}
.ai-voice-scene figcaption>span{font-size:12px;letter-spacing:.06em;color:#516d42}
.ai-voice-scene figcaption p{font-size:clamp(24px,2.4vw,34px);line-height:1.15;letter-spacing:-.035em;margin-top:8px}
.ai-voice-scene figcaption small{display:block;font-size:12px;line-height:1.5;color:#526849;margin-top:10px}
.ai-assistant-layout{align-items:start;margin-top:90px}
.ai-analysis-scene{margin:0 0 25px;position:relative}
.ai-analysis-scene>img{height:auto;aspect-ratio:3/2;object-fit:cover}
.ai-analysis-scene figcaption{font-size:23px;line-height:1.25;letter-spacing:-.025em;margin-top:15px}
.ai-analysis-scene figcaption em{color:var(--lime)}
.ai-analysis-scene figcaption small{display:block;font-family:'Waw Sans',Arial,sans-serif;font-size:12px;font-style:normal;letter-spacing:0;color:#a7be95;margin-top:7px}
.ai-benefits article{padding:19px 0;gap:16px}
.ai-benefits h3{font-size:21px;max-width:100%}
.ai-benefits p{font-size:15px;margin-top:9px;max-width:100%;line-height:1.6}
.assistant-scroll-step{padding:10px 0 60px}
.assistant-scroll-step:last-child{padding-bottom:0}
.assistant-example{padding:30px}
.assistant-conversation{min-height:0;margin-bottom:20px}
.assistant-metric{display:flex;flex-direction:column;gap:5px;padding:20px;background:#e1eccd;border-left:2px solid #708d50}
.assistant-metric strong{font-size:34px;letter-spacing:-.045em;font-weight:400;line-height:1.15}
.assistant-metric span{font-size:13px;color:#4d6940}
.ai-creation,.notification-layout{align-items:start}
.creation-example{justify-self:stretch;max-width:none}
.creation-output{min-height:0;padding:10px 0 60px}
.creation-output:last-child{padding-bottom:0}
.creation-output .video-preview{max-height:none;max-width:360px;aspect-ratio:9/13}
.creation-output .description-preview{min-height:0}
.creation-output .creation-note{max-width:400px}
.notification-illustration .sequence-nav{background:#ecf0e5}
.notification-scroll-step{padding:10px 0 60px}
.notification-scroll-step:last-of-type{padding-bottom:0}
.notification-scroll-step .alert-scene>img{height:480px}
.notification-illustration .visual-note{margin-top:22px}
@media(min-width:851px) and (min-height:740px){.creation-copy.scroll-copy,.notification-layout>.scroll-copy{position:sticky;top:110px;align-self:start}}
@media(min-width:851px) and (min-height:900px){.scroll-copy{position:sticky;top:110px;align-self:start}.ai-benefits .ai-analysis-scene>img{max-height:220px;object-position:center 43%}.ai-benefits article{padding:15px 0}}
@media(max-width:1100px) and (min-width:851px){.ai-intro-layout{grid-template-columns:1fr 1fr;gap:4vw}.ai-intro h2{font-size:49px}.ai-voice-scene{min-height:460px}.device-format-step{grid-template-columns:minmax(0,.6fr) minmax(0,1.4fr);gap:4vw}.device-format-step .device-demo:not([data-format=phone]) .adaptable-body{padding:18px}.device-format-step .device-demo:not([data-format=phone]) .device-stats{grid-template-columns:1fr 1fr}.device-format-step .device-demo:not([data-format=phone]) .wide-stat{grid-column:1/-1}}
@media(max-width:850px){
  .sequence-nav{top:78px;margin-bottom:26px}.sequence-nav a{font-size:14px;padding:9px 8px}
  .device-format-step{grid-template-columns:1fr;gap:30px;padding:35px 0 55px;min-height:0}.device-format-copy h3{max-width:550px;font-size:36px}.device-format-copy>p:last-child{max-width:550px;font-size:16px;margin-top:17px}.device-format-step .device-demo{min-height:0;padding:0}.device-format-step .device-demo[data-format=tablet]{padding:0;--screen-width:560px}.device-format-step .device-demo[data-format=desktop]{--screen-width:650px}.device-sequence{margin-top:40px}
  .ai-intro-layout{grid-template-columns:1fr;gap:38px}.ai-intro h2{font-size:clamp(46px,8vw,73px)}.ai-voice-scene{min-height:0;aspect-ratio:4/3;width:100%;max-width:650px;justify-self:center}.ai-voice-scene>img{object-position:center}.ai-voice-scene figcaption{left:auto;max-width:75%;bottom:22px;right:22px}.ai-voice-scene figcaption p{font-size:31px}
  .ai-assistant-layout{margin-top:60px;gap:40px}.ai-benefits .ai-analysis-scene{max-width:650px;margin-inline:auto}.ai-analysis-scene>img{max-height:390px}.ai-benefits h3{font-size:23px}.ai-benefits p{font-size:16px}.assistant-sequence{width:100%;max-width:650px;justify-self:center}.assistant-scroll-step{padding-bottom:45px}.assistant-example{max-width:none;padding:28px}.assistant-conversation{min-height:0}
  .ai-creation{gap:35px}.creation-example{max-width:650px;justify-self:center}.creation-output{padding-bottom:45px}.notification-scroll-step{padding-bottom:45px}.notification-scroll-step .alert-scene>img{height:500px}
}
@media(max-width:500px){
  .sequence-nav{top:76px;gap:2px;padding:4px}.sequence-nav a{font-size:13px;padding:10px 4px}.sequence-step-heading{gap:12px;margin-bottom:18px}.sequence-step-heading h3,.sequence-step-heading h4{font-size:21px}
  .device-format-copy h3{font-size:32px}.device-format-step .device-demo:not([data-format=phone]) .adaptable-body{padding:15px}.device-format-step .device-demo:not([data-format=phone]) .device-stats{grid-template-columns:1fr 1fr}.device-format-step .device-demo:not([data-format=phone]) .wide-stat{grid-column:1/-1}.device-format-step .adaptable-top{padding-inline:13px;gap:10px}.device-format-step .device-table{font-size:13px}.device-format-step .device-demo[data-format=desktop] .adaptable-screen{border-width:5px;border-bottom-width:14px}
  .ai-intro h2{font-size:clamp(39px,10.5vw,52px)}.ai-voice-scene{aspect-ratio:4/5}.ai-voice-scene>img{object-position:34% center}.ai-voice-scene figcaption{left:14px;right:14px;bottom:14px;padding:17px;max-width:none}.ai-voice-scene figcaption p{font-size:28px}.ai-analysis-scene figcaption{font-size:23px}.assistant-example{padding:23px 18px}.assistant-conversation{min-height:0}.assistant-metric strong{font-size:31px}
  .notification-scroll-step .alert-scene>img{height:360px}
}
@media(prefers-reduced-motion:reduce){.sequence-nav a{transition:none}}