.narrative-section{width:min(1160px,calc(100% - 80px));margin:0 auto;padding:96px 0;color:#07111f;scroll-margin-top:100px}
.narrative-section h2{font-size:40px;line-height:1.3;letter-spacing:-.025em;margin:12px 0 20px;background:linear-gradient(90deg,#07111f 35%,#0b43b6 80%,#0875ff);background-clip:text;-webkit-background-clip:text;color:transparent}
.narrative-section p{font-size:16px;line-height:1.8;color:#536985}
.narrative-section .eyebrow{font-size:12px;letter-spacing:.12em;color:#0166fe;margin:0 0 16px}
.narrative-hero-title{font-size:60px}.narrative-hero-title .navos-title-accent{font-size:38px;display:inline-block;line-height:1.4}
.origin-section{text-align:center}.origin-equation{display:flex;justify-content:center;align-items:center;gap:80px;margin:48px 0}.origin-word{font-size:48px;letter-spacing:-.03em;color:#0166fe}.equation-plus{font-size:32px;color:#7b9cc6}.narrative-section .source-note{font-size:13px}
.section-heading{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:40px}.cap-feature{display:grid;grid-template-columns:1fr 1.3fr;align-items:center;gap:50px;padding:48px;margin:24px 0;background:linear-gradient(120deg,#fff,#dfedff);border:1px solid #fff;border-radius:24px}.feature-number{color:#0166fe;font-size:12px;letter-spacing:.12em}.cap-copy h3{font-size:30px;line-height:1.4;margin:18px 0}.cap-copy h3 span{color:#0166fe}.dna-visual{position:relative;display:flex;gap:20px;align-items:center;justify-content:space-between;padding-bottom:32px}.dna-input{display:flex;flex-direction:column;gap:12px;font-size:13px}.dna-input strong{padding:10px 14px;background:#fff;border-radius:8px;font-weight:400}.dna-input>span{color:#536985}.dna-core{text-align:center}.dna-orbit{display:flex;flex-direction:column;gap:12px;align-items:center}.official-icon img{width:58px;height:58px}.dna-core small{font-size:11px;color:#536985}.diagram-caption{position:absolute;bottom:0;left:0;width:100%;text-align:center;font-size:11px;color:#8190a8}.proactive-visual{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:16px;padding-bottom:32px}.signal-line{display:none}.signal-card,.suggestion-card{padding:24px 18px;border-radius:16px;background:#fff}.signal-label{font-size:12px;color:#0166fe}.proactive-visual h4{font-size:18px;line-height:1.5;margin:20px 0 10px}.proactive-visual p{font-size:13px}.capabilities .sp-marquee-section{padding:32px 0 0;overflow:hidden}
.story-index{border-top:1px solid #d8e5f8}.story-path{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:32px 0}.story-path a{padding:24px;background:white;border:1px solid #e4edfa;border-radius:16px;display:flex;flex-direction:column;gap:12px;color:#07111f;text-decoration:none;transition:transform .2s}.story-path a:hover{transform:translateY(-4px)}.story-path span{color:#0166fe;font-size:13px}.story-path small{color:#65708a}.chapter-heading{display:flex;gap:28px;margin-bottom:36px}.chapter-number{font-size:56px;line-height:1.2;color:#89b4ef}.chapter-heading p{max-width:850px}.product-chapter{border-top:1px solid #d8e5f8}.product-chapter>.section_apps,.product-chapter>.section_humming{width:100%;max-width:none;min-height:0;margin:24px 0;padding:48px 32px;border-radius:24px;overflow:hidden}.product-chapter .features-title,.product-chapter .recall_heading,.product-chapter .humming_title_v{font-size:32px}.narrative-extra{margin:24px 0;border:1px solid #d8e5f8;border-radius:16px;background:#ffffff80;overflow:hidden}.narrative-extra>summary{padding:22px 24px;cursor:pointer;color:#1753a5;font-size:14px}.narrative-reference{padding:8px 24px 24px}.narrative-reference [hidden]{display:none!important}.screen-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0 24px}.screen-tab{border:1px solid #d8e5f8;border-radius:8px;padding:10px 16px;background:#fff;color:#536985;font:inherit;font-size:14px;cursor:pointer}.screen-tab[aria-selected=true]{background:#0166fe;border-color:#0166fe;color:white}.screen-caption,.comparison-note{display:flex;justify-content:space-between;align-items:center;gap:24px}.screen-caption h3{font-size:22px}.zoom-open{white-space:nowrap;color:#0166fe;font-size:14px}.product-screen{margin:20px 0;border:1px solid #e2eaf8;border-radius:12px;overflow:hidden;background:#fff}.screen-meta{display:flex;justify-content:space-between;padding:12px 16px;font-size:11px;color:#65708a}.product-screen img{width:100%;height:auto;display:block}.screen-hint,.chapter-boundary,.annotation-note{font-size:12px!important}.comparison-note span{display:block}.narrative-card-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:24px}.narrative-card-grid .testi_card{width:100%;margin:0}.narrative-faq{width:min(1100px,90%);margin:36px auto;background:#f2f6ff}.narrative-faq .faq_section{padding:32px}.narrative-extra .v2-section{padding:32px 20px}.narrative-section .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media(max-width:800px){.narrative-section{width:calc(100% - 40px);padding:56px 0}.narrative-section h2{font-size:30px}.section-heading{display:block}.cap-feature{grid-template-columns:1fr;padding:28px;gap:24px}.story-path{grid-template-columns:1fr 1fr}.origin-equation{gap:30px}.origin-word{font-size:32px}.chapter-number{font-size:40px}.chapter-heading{gap:16px}.product-chapter>.section_apps,.product-chapter>.section_humming{padding:28px 16px}.narrative-hero-title .navos-title-accent{font-size:28px}.narrative-card-grid{grid-template-columns:1fr}.screen-caption,.comparison-note{display:block}}
@media(max-width:480px){.narrative-section h2{font-size:26px}.cap-feature{padding:22px 16px}.dna-visual{gap:8px}.dna-input{font-size:11px}.dna-input strong{padding:8px}.official-icon img{width:40px;height:40px}.dna-orbit b{font-size:13px}.proactive-visual{gap:10px}.signal-card,.suggestion-card{padding:16px 12px}.origin-equation{gap:16px}.origin-word{font-size:27px}.story-path a{padding:18px 12px}.story-path strong{font-size:14px}.story-path small{font-size:11px}.narrative-reference{padding:0 14px 20px}}
@media(prefers-reduced-motion:reduce){.story-path a{transition:none}}
.narrative-section{display:block;min-height:0;height:auto}.narrative-section .chapter-heading h2{margin-top:8px}
.promise-part{white-space:nowrap}@media(max-width:480px){.narrative-hero-title{font-size:46px}.narrative-hero-title .navos-title-accent{font-size:24px;width:100%}}