/* A shorter, three-chapter reading path. Details stay close to their context. */
.story-page .section{padding:64px 0}
.story-page h2{font-size:clamp(1.65rem,2.75vw,2.4rem);line-height:1.6}
.story-page .eyebrow{margin-bottom:18px}
.story-page .section-intro{font-size:16px;line-height:1.95;margin-top:20px}
.story-page .section-topline{gap:36px;align-items:center}
.story-page .hero-inner{min-height:650px;padding:40px 0 44px}
.story-page .hero-description{margin-top:15px}
.story-page .hero-assurances{margin-top:15px}
.story-page .hero-bottom,.story-page .hero-bottom-inner{min-height:76px}
.story-page .hero-language-intro>strong{font-size:40px}
.story-page .hero-language-intro>span{font-size:14px}
.story-page .hero-language-list{gap:10px 26px}
.story-page .hero-language-list li{font-size:14px}
.story-page .hero-film-caption{bottom:30px}
.story-page .hero-film{bottom:88px}
.story-page .hero-stage:before{bottom:76px}
.story-opening{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:center}
.story-copy{min-width:0}
.story-answer{font-size:16px;line-height:1.95;margin-top:14px;color:var(--forest);font-weight:650}
.story-connect{background:#fff}
.story-photo{margin:0;position:relative;overflow:hidden;background:var(--forest)}
.story-photo img{width:100%;height:330px;object-fit:cover;object-position:70% center}
.story-photo figcaption{position:absolute;inset:auto 0 0;padding:42px 24px 20px;background:linear-gradient(transparent,#061c3ff0);font-size:20px;line-height:1.7;font-weight:700;color:#fff}
.story-photo figcaption span{display:block;font:12px/1.8 Arial,sans-serif;letter-spacing:.14em;font-weight:600}
.translation-disclosure{margin-top:20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.translation-disclosure summary,.more-questions>summary{display:flex;align-items:center;gap:12px;min-height:54px;padding:12px 0;cursor:pointer;list-style:none;font-size:14px;font-weight:700;color:var(--forest)}
.translation-disclosure summary::-webkit-details-marker,.policy-detail summary::-webkit-details-marker,.more-questions>summary::-webkit-details-marker{display:none}
.translation-disclosure summary>.ui-icon:last-child,.more-questions>summary>.ui-icon{margin-left:auto;transition:transform .2s}
.translation-disclosure[open] summary>.ui-icon:last-child,.more-questions[open]>summary>.ui-icon{transform:rotate(45deg)}
.story-page .translation-list li{padding:14px 0;grid-template-columns:128px 1fr;gap:14px}
.story-page .translation-list li:first-child{background:transparent}
.story-page .translation-language small{display:none}
.story-page .translation-list p{font-size:16px}
.story-page .translation-disclosure .micro-note{padding-bottom:14px}
.story-features{margin-top:36px;scroll-margin-top:100px}
.story-page .feature-grid-heading{margin:0 0 16px;gap:16px;align-items:center}
.story-page .feature-grid-heading h3{font-size:20px;line-height:1.6}
.story-page .feature-grid-heading p{font-size:14px}
.story-page .feature-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-top:0}
.story-page .feature-card{padding:20px 16px 14px;min-height:0;border:1px solid var(--line);display:flex;flex-direction:column;gap:0;background:#f7f8fa;box-shadow:none}
.story-page .feature-card:hover{border-color:var(--emerald);background:#eceff5;transform:translateY(-3px)}
.story-page .feature-card-top{margin:0 0 12px;min-height:0}
.story-page .feature-icon{width:34px;height:34px;display:grid;place-items:center;background:transparent;padding:0}
.story-page .feature-icon svg{width:30px;height:30px}
.story-page .feature-card-number{display:none}
.story-page .feature-card-title{font-size:16px;line-height:1.65;margin:0 0 8px;letter-spacing:0}
.story-page .feature-card-description{font-size:14px;line-height:1.75;margin:0 0 14px;color:var(--muted)}
.story-page .feature-card-action{font-size:12px;margin-top:auto;padding-top:10px;line-height:1.6}
.story-page .feature-plus{width:24px;height:24px}
.story-page .micro-note{font-size:12px;line-height:1.8;color:var(--muted);margin-top:12px}
.story-delegate{background:#edf0f5;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.story-roles{display:grid;gap:0;margin-top:24px;border-top:1px solid #bcc4d2}
.story-roles>div{display:grid;grid-template-columns:72px 1fr;gap:12px;align-items:start;padding:13px 0;border-bottom:1px solid #bcc4d2}
.story-roles span{font-size:14px;color:var(--muted)}
.story-roles strong{font-size:16px;color:var(--forest);font-weight:700}
.story-goal{font-size:19px;font-weight:750;line-height:1.9;color:var(--forest);margin-top:22px}
.story-chat.conversation{width:100%;box-shadow:0 12px 36px #091d3d10;border:1px solid #cad1db;transform:none}
.story-chat .conversation-top{padding:18px 24px}
.story-chat .conversation-top>span{font-size:14px}
.story-chat .conversation-top .teams-letter{font-size:22px;width:38px;height:38px}
.story-chat .conversation-top small{font-size:12px}
.story-chat .conversation-body{padding:22px}
.story-chat .chat{font-size:16px;line-height:1.8;padding:16px 18px}
.story-chat .chat-name{font-size:12px;margin-top:14px;margin-bottom:6px}
.story-chat .chat-name:first-child{margin-top:0}
.story-attachment{display:flex;align-items:center;gap:9px;border-top:1px solid #c4ccda;margin-top:12px;padding-top:12px;font-size:14px;overflow-wrap:anywhere}
.story-chat-done{display:flex;align-items:center;justify-content:center;gap:9px;font-size:14px;color:var(--forest);font-weight:700;margin-top:20px}
.story-support-strip{display:flex;gap:15px;align-items:center;border-top:1px solid #bfc8d6;padding-top:20px;margin-top:28px}
.story-support-strip>.ui-icon{width:28px;height:28px;color:var(--emerald)}
.story-support-strip p{font-size:16px;line-height:1.85}
.story-support-strip strong{display:block;color:var(--forest);font-weight:700}
.story-security{background:#fff}
.story-policy-heading{display:flex;align-items:center;gap:12px;margin-top:28px;color:var(--forest)}
.story-policy-heading>.ui-icon{width:26px;height:26px}
.story-policy-heading h3{font-size:18px;line-height:1.7}
.story-policy-heading>span{margin-left:auto;font-size:12px;color:var(--muted)}
.story-policy-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px;align-items:start}
.policy-detail{background:#f4f6f8;border:1px solid var(--line)}
.policy-detail summary{display:flex;align-items:center;gap:12px;list-style:none;cursor:pointer;padding:18px;font-weight:700;font-size:16px;color:var(--forest);min-height:64px}
.policy-detail summary>.ui-icon:first-child{color:var(--emerald);width:22px;height:22px}
.policy-detail summary>.ui-icon:last-child{margin-left:auto;width:17px;height:17px}
.policy-detail[open] summary>.ui-icon:last-child{transform:rotate(45deg)}
.policy-detail p{padding:0 18px 20px;font-size:16px;line-height:1.9}
.story-security-bottom{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center;background:var(--forest);padding:24px 28px;margin-top:24px;color:#fff}
.story-security-bottom>p{font-size:16px;line-height:1.9;max-width:610px}
.story-security-bottom>div{text-align:center}
.story-security-bottom .button{padding:15px 18px;min-height:52px;font-size:14px;gap:12px;background:#fff;border-color:#fff;color:var(--forest)}
.story-security-bottom .button:hover{background:#e1e7f0}
.story-security-bottom .security-download{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:8px;color:#fff;font-size:12px;min-height:36px}
.story-start{background:#edeff3;border-top:1px solid var(--line)}
.story-page .price-grid{margin-top:28px}
.story-page .price-initial,.story-page .price-monthly{padding:28px 32px}
.story-page .price-value{margin-top:8px;margin-bottom:10px}
.story-page .price-value>span{font-size:58px;line-height:1.25}
.story-page .price-initial .plain-list{margin-top:14px}
.story-page .price-initial .plain-list li{padding-top:4px;padding-bottom:4px;font-size:14px}
.story-page .price-monthly .monthly-includes{gap:10px;margin-top:16px}
.story-page .price-footnote{font-size:12px;line-height:1.85;margin-top:16px}
.story-page .volume-note{margin-top:16px;padding:14px 20px;gap:16px}
.story-page .volume-note>span{font-size:14px}
.story-page .volume-note p{font-size:12px}
.story-faq{margin-top:32px;scroll-margin-top:110px;border-top:1px solid #b8c0cd;padding-top:28px}
.story-faq>h3{font-size:20px;color:var(--forest);margin-bottom:16px}
.story-faq .faq-list{background:transparent}
.story-faq .faq-list summary{padding:17px 0;font-size:16px;line-height:1.8}
.story-faq .faq-answer{font-size:16px;padding-bottom:22px}
.more-questions{border-bottom:1px solid var(--line)}
.more-questions>.faq-list{padding:0 18px}
.story-page .contact-section{padding:56px 0}
.story-page .contact-heading h2{font-size:clamp(1.8rem,3vw,2.75rem)}
.story-page .contact-heading>p:last-child{font-size:16px;margin-top:18px}
.story-page .contact-heading>.signal-motif{display:none}
.story-page .site-footer{padding-top:32px}
.story-page .footer-top{padding-bottom:24px}
.story-page .feature-dialog .feature-icon{width:68px;height:68px;background:var(--pale-emerald)}
.story-page .feature-dialog .feature-icon svg{width:34px;height:34px}
.story-page summary:focus-visible{outline:3px solid var(--emerald);outline-offset:4px}
@media(max-width:1100px){
 .story-page .hero-stage{display:block}
 .story-page .hero-stage:before{display:none}
 .story-page .hero-film{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;clip-path:none}
 .story-page .hero-film:after{background:linear-gradient(90deg,#051a3df2 5%,#051a3dce 38%,#051a3d35 100%)}
 .story-page .hero-inner{display:flex;align-items:center;min-height:620px;padding:44px 0}
 .story-page .hero-copy{max-width:560px;width:65%}
 .story-page .hero-film-caption{position:absolute;right:5%;bottom:24px;margin:0;display:block;text-align:right}
 .story-page .hero-film-caption>span{display:block}
 .story-page .hero-film-caption>span:last-child{border:0;padding:0;font-size:12px}
 .story-page .hero-heading-context>span{display:block}
 .story-opening{gap:30px;grid-template-columns:1fr 1fr}
 .story-page .feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .story-page .feature-card{padding:18px}
 .story-page .feature-card-top{margin-bottom:8px}
 .story-page .feature-card-description{margin-bottom:10px}
 .policy-detail summary{font-size:14px;padding:16px;gap:8px}
 .story-page .price-value>span{font-size:48px}
}
@media(max-width:767px){
 .story-page .section{padding:44px 0}
 .story-page .container{width:88%}
 .story-page h2{font-size:clamp(1.42rem,5.6vw,2rem);line-height:1.65;letter-spacing:0}
 .story-page .eyebrow{font-size:14px;line-height:1.75;gap:12px;margin-bottom:15px}
 .story-page .section-number{font-size:14px;padding-right:12px}
 /* Keep the film's native colors and a near-landscape crop; only the lower seam fades. */
 .story-page .hero-stage{--mobile-film-height:clamp(220px,62.5vw,400px);background:var(--forest-deep)}
 .story-page .hero-film{inset:0 0 auto;height:var(--mobile-film-height);width:100%;position:absolute}
 .story-page .hero-poster,.story-page .hero-video{object-fit:cover;object-position:50% 45%}
 .story-page .hero-film:after{display:none;background:none}
 .story-page .hero-inner{width:100%;min-height:0;padding:var(--mobile-film-height) 0 0;display:block}
 .story-page .hero-copy{width:100%;max-width:none;padding:22px 6% 28px;background:var(--forest-deep);isolation:isolate}
 .story-page .hero-copy:before{content:'';position:absolute;left:0;right:0;bottom:100%;height:32px;background:linear-gradient(0deg,var(--forest-deep),transparent);pointer-events:none}
 .story-page .hero-category{font-size:12px;color:#e6ebf3;margin-bottom:12px;text-shadow:none}
 .story-page .hero h1{font-size:clamp(2.1rem,8.6vw,3.8rem);line-height:1.32}
 .story-page .hero-heading-context{font-size:16px;line-height:1.8;margin-bottom:12px}
 .story-page .hero-heading-context>span{display:inline-block}
 .story-page .hero-subhead{font-size:18px;line-height:1.75;margin-top:18px}
 .story-page .hero-description{font-size:16px;line-height:1.9;margin-top:12px;color:#d3dbe9}
 .story-page .hero-assurances{font-size:12px;gap:5px 14px;margin-top:12px}
 .story-page .hero-assurances a{min-height:32px}
 .story-page .hero-actions{margin-top:18px;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}
 .story-page .hero-actions>.button{font-size:14px;padding:14px 12px;min-height:52px;gap:8px}
 .story-page .hero-film-caption{display:none}
 .story-page .video-pause{top:16px;right:6%;background:#001f52c9}
 .story-page .hero-bottom,.story-page .hero-bottom-inner{min-height:0}
 .story-page .hero-bottom-inner{padding:16px 0;display:block}
 .story-page .hero-language-intro{gap:10px;display:flex;align-items:center}
 .story-page .hero-language-intro>strong{font-size:25px}
 .story-page .hero-language-intro>span{font-size:14px}
 .story-page .hero-language-list{display:flex;gap:4px 16px;justify-content:flex-start;margin-top:8px}
 .story-page .hero-language-list li{font-size:12px}
 .story-opening{grid-template-columns:1fr;gap:24px}
 .story-page .section-intro{font-size:16px;line-height:1.9;margin-top:16px}
 .story-page .section-intro br{display:none}
 .story-answer{margin-top:12px;font-size:16px}
 .story-photo img{height:auto;aspect-ratio:1.8;object-position:70% 45%}
 .story-photo figcaption{font-size:17px;padding:34px 18px 16px}
 .story-photo figcaption span{font-size:12px}
 .translation-disclosure{margin-top:16px}
 .story-page .translation-list li{grid-template-columns:1fr;gap:6px;padding:12px 0}
 .story-page .translation-language{display:block}
 .story-features{margin-top:26px}
 .story-page .feature-grid-heading{display:block;margin-bottom:14px}
 .story-page .feature-grid-heading h3{font-size:18px}
 .story-page .feature-grid-heading p{font-size:12px;margin-top:5px}
 .story-page .feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .story-page .feature-card{padding:16px 14px 12px}
 .story-page .feature-card-top{margin-bottom:10px}
 .story-page .feature-card-title{font-size:16px;margin-bottom:6px}
 .story-page .feature-card-description{font-size:14px;line-height:1.7;margin-bottom:12px}
 .story-page .feature-card-action{padding-top:7px;font-size:12px}
 .story-page .feature-plus{width:23px;height:23px}
 .story-roles{margin-top:18px}
 .story-roles>div{grid-template-columns:56px 1fr;gap:8px;padding:11px 0}
 .story-roles strong{font-size:16px}
 .story-goal{font-size:18px;margin-top:18px}
 .story-chat .conversation-top{padding:14px 18px}
 .story-chat .conversation-body{padding:18px 16px}
 .story-chat .chat{padding:13px 15px;font-size:16px}
 .story-chat .chat br{display:none}
 .story-chat-done{margin-top:16px;font-size:14px}
 .story-support-strip{margin-top:24px;padding-top:20px;align-items:flex-start;gap:12px}
 .story-support-strip>.ui-icon{margin-top:5px}
 .story-support-strip p{font-size:16px}
 .story-page .section-topline{display:block}
 .story-page .section-topline .section-intro{margin-bottom:0;max-width:none}
 .story-policy-heading{gap:10px;margin-top:24px}
 .story-policy-heading h3{font-size:16px}
 .story-policy-heading>span{display:none}
 .story-policy-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:14px}
 .policy-detail summary{min-height:88px;display:grid;grid-template-columns:1fr auto;padding:13px 12px;gap:8px;font-size:14px;line-height:1.7}
 .policy-detail summary>.ui-icon:first-child{grid-column:1;grid-row:1}
 .policy-detail summary>span{grid-column:1/-1;grid-row:2}
 .policy-detail summary>.ui-icon:last-child{grid-column:2;grid-row:1}
 .policy-detail p{font-size:16px;padding:0 12px 16px}
 .story-security-bottom{grid-template-columns:1fr;gap:18px;margin-top:20px;padding:22px}
 .story-security-bottom .button{width:100%;font-size:14px;justify-content:center}
 .story-security-bottom .security-download{min-height:44px;margin-top:5px}
 .story-page .price-grid{margin-top:24px}
 .story-page .price-initial,.story-page .price-monthly{padding:24px}
 .story-page .price-label{font-size:16px}
 .story-page .price-value>span{font-size:48px}
 .story-page .price-initial>p:last-of-type{font-size:14px}
 .story-page .price-initial .plain-list{margin-top:12px}
 .story-page .price-monthly .monthly-includes{margin-top:16px;gap:8px}
 .story-page .volume-note{padding:16px;gap:6px}
 .story-faq{padding-top:24px;margin-top:28px}
 .story-faq>h3{font-size:18px;margin-bottom:8px}
 .story-faq .faq-list summary{padding:16px 0;font-size:16px;gap:12px}
 .story-faq .faq-answer{padding:0 0 18px 0;font-size:16px}
 .more-questions>summary{font-size:14px;padding:15px 0;line-height:1.8}
 .more-questions>.faq-list{padding:0 8px}
 .story-page .contact-section{padding:40px 0}
 .story-page .contact-inner{gap:26px}
 .story-page .contact-heading h2{font-size:29px}
 .story-page .contact-heading>.eyebrow{font-size:12px}
 .story-page .contact-heading>p:last-child{margin-top:14px}
 .story-page .contact-actions{width:100%;padding-top:0}
 .story-page .demo-link-block{margin-top:18px;padding-top:18px}
 .story-page .footer-top{gap:22px}
}
@media(max-width:360px){
 .story-page .hero-actions{grid-template-columns:1fr}
 .story-page .hero-actions>.button{min-height:48px}
 .story-page .hero-heading-context>span{display:block}
 .story-page .hero-inner{padding-top:var(--mobile-film-height)}
 .story-page .price-initial,.story-page .price-monthly{padding:20px}
 .story-page .price-value>span{font-size:42px}
 .story-page .feature-card-title{font-size:15px}
}
@media(prefers-reduced-motion:reduce){
 .story-page .hero-video{transition:none}
 .story-page .feature-card:hover{transform:none}
 .translation-disclosure summary>.ui-icon:last-child,.more-questions>summary>.ui-icon{transition:none}
}