
/* Mono Stillframe RC13.8 — EN/VI content architecture preview.
   Presentation-only layer. Uses the approved Theme 11 palette, type, spacing and geometry. */
.theme-11 .story-section{max-width:1500px;margin:auto;padding:105px 5%;}
.theme-11 .story-section + .story-section{border-top:1px solid var(--line)}
.theme-11 .story-head{max-width:760px;margin-bottom:48px}.theme-11 .story-head.center{text-align:center;margin-left:auto;margin-right:auto}
.theme-11 .story-head .eyebrow{margin-bottom:18px}.theme-11 .story-head h2{font-size:clamp(2.45rem,4.2vw,4.5rem);line-height:1.08;margin:0 0 24px}
.theme-11 .story-head h2 em{font-family:Georgia,serif;font-style:italic;font-weight:400;color:#637756}
.theme-11 .story-head>p:not(.eyebrow){max-width:650px;font-size:1.02rem;line-height:1.82;color:var(--muted);margin:0}
.theme-11 .story-head.center>p:not(.eyebrow){margin-left:auto;margin-right:auto}
.theme-11 .story-link{display:inline-flex;align-items:center;gap:8px;color:#526a43;font-size:.84rem;font-weight:600;margin-top:22px}

/* Search-intent hero stays cinematic and sparse. */
.theme-11 .seo-hero .sf-intro{max-width:1080px}.theme-11 .seo-hero .sf-intro h1{font-size:clamp(3.5rem,6.1vw,6.25rem)}
.theme-11 .seo-hero .sf-intro>p:not(.eyebrow){max-width:720px;font-size:1.08rem}
.theme-11 .seo-hero .sf-details{margin-top:26px}.theme-11 .seo-hero .sf-window{margin-top:5px}

/* Problem / relief */
.theme-11 .problem-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:70px;align-items:start}
.theme-11 .problem-copy h2{font-size:clamp(2.6rem,4.6vw,4.8rem);line-height:1.08;margin:18px 0 25px}
.theme-11 .problem-copy p{font-size:1rem;line-height:1.9;max-width:570px}
.theme-11 .fragment-stack{display:grid;gap:12px;padding-top:18px}.theme-11 .fragment-line{border:1px solid #d8dfd1;background:#fbfcf8;border-radius:12px;padding:18px 20px;font-size:.95rem;line-height:1.55;color:#6b746a}
.theme-11 .fragment-line:nth-child(2){margin-left:9%;background:#eef2e8}.theme-11 .fragment-line:nth-child(3){margin-left:18%;background:#1b2821;color:#edf3e8;border-color:#1b2821}
.theme-11 .fragment-result{margin-top:20px;border-left:3px solid #9fb77d;padding:5px 0 5px 20px}.theme-11 .fragment-result strong{display:block;font:400 1.45rem/1.5 Georgia,serif;color:#2c3a2a}.theme-11 .fragment-result span{display:block;color:var(--muted);font-size:.82rem;margin-top:8px}

/* Definition section */
.theme-11 .definition-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.theme-11 .definition-image{position:relative;aspect-ratio:1/1;border-radius:100px 18px 18px 18px;overflow:hidden}.theme-11 .definition-image:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,#101a14a8)}
.theme-11 .definition-image .definition-tag{position:absolute;z-index:2;left:24px;bottom:22px;background:var(--citrus);color:#374924;border-radius:7px;padding:10px 13px;font-size:.72rem;letter-spacing:.04em}
.theme-11 .definition-copy h2{font-size:clamp(2.5rem,4.2vw,4.4rem);line-height:1.08;margin:18px 0 25px}.theme-11 .definition-copy p{font-size:1rem;line-height:1.9;max-width:590px}.theme-11 .definition-points{display:grid;gap:13px;margin:30px 0 0}.theme-11 .definition-points span{display:flex;gap:12px;align-items:flex-start;font-size:.9rem;color:#4f5d4e}.theme-11 .definition-points span:before{content:'✓';color:#587142;font-weight:700}

/* Before / after visual */
.theme-11 .translation-demo{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px}.theme-11 .translation-panel{border:1px solid var(--line);border-radius:16px;padding:28px;min-height:300px;background:#fbfcf8}.theme-11 .translation-panel.dark{background:var(--night);border-color:#304036;color:#edf3e8}.theme-11 .translation-panel.citrus{background:#edf2df;border-color:#d1ddbd}.theme-11 .translation-panel .mini-label{display:flex;justify-content:space-between;gap:15px;font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:36px}.theme-11 .translation-panel.dark .mini-label{color:#acbaaa}.theme-11 .translation-panel blockquote{font:400 1.45rem/1.5 Georgia,serif;letter-spacing:-.02em;margin:0}.theme-11 .translation-panel .raw-lines{display:grid;gap:8px}.theme-11 .translation-panel .raw-lines span{display:block;border-bottom:1px solid #dce2d7;padding-bottom:8px;color:#7d867b}.theme-11 .translation-panel.dark .raw-lines span{border-color:#405045;color:#d6e0d4}.theme-11 .translation-panel p{font-size:.82rem;line-height:1.75;margin-top:28px;color:var(--muted)}.theme-11 .translation-panel.dark p{color:#acbaaa}

/* How it works */
.theme-11 .steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.theme-11 .step-card{padding:30px 27px 32px;min-height:260px}.theme-11 .step-card+.step-card{border-left:1px solid var(--line)}.theme-11 .step-card>span{font-size:.68rem;color:#71816b}.theme-11 .step-card h3{font-size:1.35rem;margin:55px 0 16px}.theme-11 .step-card p{font-size:.9rem;line-height:1.75;color:var(--muted);margin:0}

/* Difference cards */
.theme-11 .difference-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.theme-11 .difference-card{border:1px solid var(--line);border-radius:16px;padding:30px;background:#fbfcf8;min-height:220px}.theme-11 .difference-card:nth-child(2){background:#edf1e6}.theme-11 .difference-card:nth-child(3){background:#1b2821;color:#edf3e8;border-color:#1b2821}.theme-11 .difference-card:nth-child(4){background:#f7f8f3}.theme-11 .difference-card>span{font-size:.66rem;letter-spacing:.1em;color:#71816b}.theme-11 .difference-card:nth-child(3)>span{color:#aebda9}.theme-11 .difference-card h3{font-size:1.75rem;margin:35px 0 14px}.theme-11 .difference-card p{font-size:.9rem;line-height:1.75;margin:0;color:var(--muted)}.theme-11 .difference-card:nth-child(3) p{color:#afbdad}

/* Emotional language barrier */
.theme-11 .language-story{max-width:none;background:var(--night);color:#edf3e8;padding:0;display:grid;grid-template-columns:1.05fr .95fr}.theme-11 .language-story-image{min-height:620px}.theme-11 .language-story-copy{padding:90px 10%;display:flex;flex-direction:column;justify-content:center}.theme-11 .language-story-copy .eyebrow{color:#a6b7a0}.theme-11 .language-story-copy h2{font-size:clamp(2.7rem,4.6vw,4.8rem);line-height:1.08;margin:20px 0 28px}.theme-11 .language-story-copy h2 em{font-family:Georgia,serif;font-weight:400;color:#d7e5ae}.theme-11 .language-story-copy p{color:#b5c2b3;max-width:560px;font-size:1rem;line-height:1.9}.theme-11 .language-examples{display:grid;gap:12px;margin-top:28px}.theme-11 .language-examples span{border-top:1px solid #415046;padding-top:12px;font-size:.85rem;color:#d5ded2}

/* Use cases */
.theme-11 .use-grid{display:grid;grid-template-columns:1.1fr .9fr .9fr;gap:20px}.theme-11 .use-card{border:1px solid var(--line);border-radius:18px;padding:30px;background:var(--surface);min-height:250px;display:flex;flex-direction:column}.theme-11 .use-card:first-child{grid-row:span 2;background:#e9eedf}.theme-11 .use-card:nth-child(4){background:#1b2821;color:#edf3e8;border-color:#1b2821}.theme-11 .use-card h3{font-size:1.6rem;margin:40px 0 15px}.theme-11 .use-card p{font-size:.9rem;line-height:1.75;margin:0;color:var(--muted)}.theme-11 .use-card:nth-child(4) p{color:#afbdad}.theme-11 .use-card>span{font-size:.66rem;letter-spacing:.1em;color:#70806a}

/* Focus + Workspace */
.theme-11 .product-story{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.theme-11 .product-story.reverse .product-visual{order:2}.theme-11 .product-visual{border-radius:18px;overflow:hidden;border:1px solid var(--line);background:#101b15;padding:10px}.theme-11 .product-visual>div{position:relative;aspect-ratio:16/11;overflow:hidden}.theme-11 .product-visual .caption-chip{position:absolute;left:18px;right:18px;bottom:18px;background:#0c1711cc;color:#fff;border:1px solid #ffffff2e;border-radius:8px;padding:12px;text-align:center;font-size:.8rem}.theme-11 .product-copy h2{font-size:clamp(2.45rem,4vw,4.3rem);line-height:1.08;margin:18px 0 24px}.theme-11 .product-copy p{font-size:1rem;line-height:1.9;color:var(--muted)}.theme-11 .product-copy ul{display:grid;gap:12px;margin:28px 0 0}.theme-11 .product-copy li{font-size:.88rem;color:#52604f;display:flex;gap:10px}.theme-11 .product-copy li:before{content:'—';color:#72846b}
.theme-11 .workspace-story{background:#e9eee0}.theme-11 .workspace-story .product-visual{background:var(--surface);border-color:#cfd9c6}.theme-11 .workspace-mini{display:grid;grid-template-columns:1.2fr .8fr;gap:10px;padding:10px;background:#f8faf4;aspect-ratio:16/11}.theme-11 .workspace-mini>div{border:1px solid #d9e0d2;border-radius:9px;padding:18px;background:#fff}.theme-11 .workspace-mini>div:first-child{background:#1b2821;color:#edf3e8}.theme-11 .workspace-mini h4{font-size:1.12rem;margin:30px 0 8px}.theme-11 .workspace-mini p{font-size:.72rem;line-height:1.6;color:#809078}.theme-11 .workspace-mini>div:first-child p{color:#aebcab}.theme-11 .workspace-mini small{font-size:.6rem;letter-spacing:.08em;color:#84927f}

/* Why Pro */
.theme-11 .pro-section{background:#f0f3eb}.theme-11 .pro-compare{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:1000px;margin:0 auto}.theme-11 .pro-card{border:1px solid #d3ddc8;border-radius:18px;padding:34px;background:#fbfcf8;min-height:330px}.theme-11 .pro-card.mono{background:#1b2821;color:#edf3e8;border-color:#1b2821}.theme-11 .pro-card .eyebrow{margin-bottom:40px}.theme-11 .pro-card.mono .eyebrow{color:#a7b8a2}.theme-11 .pro-card h3{font-size:2rem;margin-bottom:18px}.theme-11 .pro-card p{font-size:.92rem;line-height:1.8;color:var(--muted)}.theme-11 .pro-card.mono p{color:#b2c0af}.theme-11 .pro-card ul{display:grid;gap:12px;margin-top:28px}.theme-11 .pro-card li{font-size:.84rem;color:#556451}.theme-11 .pro-card.mono li{color:#d5dfd2}

/* Rich FAQ preview */
.theme-11 .faq-preview{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.theme-11 .faq-preview details{border-bottom:1px solid var(--line);padding:0 0 18px;margin-bottom:18px}.theme-11 .faq-preview summary{cursor:pointer;display:flex;justify-content:space-between;gap:20px;list-style:none;font-size:1rem}.theme-11 .faq-preview summary::-webkit-details-marker{display:none}.theme-11 .faq-preview details p{font-size:.9rem;line-height:1.8;margin:17px 35px 3px 0}.theme-11 .faq-preview summary span{font-size:1.35rem}.theme-11 .faq-preview details[open] summary span{transform:rotate(45deg)}

/* SEO landing pages */
.theme-11 .seo-page-hero{max-width:1440px;margin:auto;padding:75px 5% 85px;display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.theme-11 .seo-page-hero h1{font-size:clamp(3.2rem,5.2vw,5.5rem);line-height:1.05;margin:20px 0 28px}.theme-11 .seo-page-hero h1 em{font-family:Georgia,serif;font-style:italic;color:#617653}.theme-11 .seo-page-hero p{font-size:1.03rem;line-height:1.85;max-width:590px}.theme-11 .seo-page-image{border-radius:80px 16px 16px 16px;overflow:hidden;aspect-ratio:1/1;position:relative}.theme-11 .seo-page-image:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,#101a14a0)}.theme-11 .seo-page-image .image-caption{position:absolute;z-index:2;left:22px;right:22px;bottom:22px;color:#fff;font-size:.76rem;line-height:1.6}.theme-11 .seo-page-image .image-caption strong{display:block;font-size:1rem;font-weight:500;margin-bottom:5px}
.theme-11 .long-copy{max-width:1000px;margin:auto}.theme-11 .long-copy-section{padding:70px 0;border-top:1px solid var(--line)}.theme-11 .long-copy-section:first-child{border-top:0}.theme-11 .long-copy-section h2{font-size:clamp(2rem,3.4vw,3.4rem);line-height:1.15;margin-bottom:24px}.theme-11 .long-copy-section p{font-size:1rem;line-height:1.9;max-width:760px}.theme-11 .long-copy-section .callout{margin-top:28px;background:#edf2e5;border-left:4px solid #9fb77d;padding:22px 24px;border-radius:0 10px 10px 0;max-width:780px}.theme-11 .long-copy-section .callout strong{font-family:Georgia,serif;font-size:1.25rem;font-weight:400}

/* FAQ page grouped sections */
.theme-11 .faq-catalog{max-width:1200px;margin:auto;padding:15px 5% 100px}.theme-11 .faq-group{display:grid;grid-template-columns:280px 1fr;gap:65px;padding:55px 0;border-top:1px solid var(--line)}.theme-11 .faq-group:first-child{border-top:0}.theme-11 .faq-group h2{font-size:1.8rem;line-height:1.25;margin:0}.theme-11 .faq-group>div>p{font-size:.86rem;line-height:1.7}.theme-11 .faq-group details{border-bottom:1px solid var(--line);padding:0 0 18px;margin-bottom:18px}.theme-11 .faq-group summary{cursor:pointer;display:flex;justify-content:space-between;gap:24px;list-style:none;font-size:1rem;line-height:1.55}.theme-11 .faq-group summary::-webkit-details-marker{display:none}.theme-11 .faq-group details p{font-size:.91rem;line-height:1.85;margin:15px 34px 3px 0}.theme-11 .faq-group summary span{font-size:1.35rem}.theme-11 .faq-group details[open] summary span{transform:rotate(45deg)}

/* Journal search-intent intro */
.theme-11 .journal-start{display:grid;grid-template-columns:1.1fr .9fr;gap:20px;margin:10px 0 52px}.theme-11 .journal-start a{border:1px solid var(--line);border-radius:18px;padding:30px;background:#fbfcf8;min-height:250px}.theme-11 .journal-start a:first-child{background:#1b2821;color:#edf3e8}.theme-11 .journal-start .eyebrow{margin-bottom:50px}.theme-11 .journal-start a:first-child .eyebrow{color:#aebdab}.theme-11 .journal-start h2{font-size:1.85rem;line-height:1.2}.theme-11 .journal-start p{font-size:.88rem;line-height:1.75;color:var(--muted)}.theme-11 .journal-start a:first-child p{color:#aebdab}

@media(max-width:980px){
 .theme-11 .problem-grid,.theme-11 .definition-grid,.theme-11 .product-story,.theme-11 .seo-page-hero,.theme-11 .faq-preview{grid-template-columns:1fr;gap:45px}
 .theme-11 .translation-demo{grid-template-columns:1fr}.theme-11 .steps-grid{grid-template-columns:1fr 1fr}.theme-11 .step-card:nth-child(3){border-left:0;border-top:1px solid var(--line)}.theme-11 .step-card:nth-child(4){border-top:1px solid var(--line)}
 .theme-11 .language-story{grid-template-columns:1fr}.theme-11 .language-story-image{min-height:440px}.theme-11 .use-grid{grid-template-columns:1fr 1fr}.theme-11 .use-card:first-child{grid-row:auto;grid-column:1/-1}.theme-11 .product-story.reverse .product-visual{order:0}.theme-11 .faq-group{grid-template-columns:1fr;gap:25px}.theme-11 .journal-start{grid-template-columns:1fr 1fr}
}
@media(max-width:650px){
 .theme-11 .story-section{padding:70px 6%}.theme-11 .story-head h2{font-size:2.55rem}.theme-11 .problem-copy h2,.theme-11 .definition-copy h2,.theme-11 .product-copy h2{font-size:2.6rem}
 .theme-11 .translation-panel{min-height:0}.theme-11 .steps-grid,.theme-11 .difference-grid,.theme-11 .use-grid,.theme-11 .pro-compare,.theme-11 .journal-start{grid-template-columns:1fr}.theme-11 .step-card+.step-card{border-left:0;border-top:1px solid var(--line)}.theme-11 .use-card:first-child{grid-column:auto}.theme-11 .language-story-copy{padding:65px 7%}.theme-11 .language-story-image{min-height:330px}.theme-11 .workspace-mini{grid-template-columns:1fr}.theme-11 .seo-page-hero{padding:50px 6% 65px}.theme-11 .seo-page-hero h1{font-size:3.25rem}.theme-11 .seo-page-image{border-radius:55px 14px 14px 14px}.theme-11 .faq-catalog{padding-left:6%;padding-right:6%}
}
