/* The marketing pages share the workspace's blue scene and Kohak symbol.
   Keep this layer separate from guide/article styling in landing.css. */
body.lp-scene {
  --lp-bg:#12399e; --lp-surface:#173f90; --lp-surface-strong:#173f90;
  --lp-ink:#fff; --lp-muted:#d2e1ff; --lp-line:#ffffff30;
  --lp-accent:#fff; --lp-accent-dark:#e7f1ff; --lp-on-accent:#173b98;
  --lp-accent-soft:#ffffff12; --lp-glow:#b9dfff;
  --lp-shadow:0 20px 60px #051c5e24;
  background:radial-gradient(ellipse at 90% 12%,#2679ed99,transparent 55%),linear-gradient(145deg,#0c205f,#153fa9 58%,#185cb6);
  isolation:isolate;
}
.lp-scene .positioning-section { padding:48px 0; border-block:1px solid var(--lp-line); }
.lp-scene .positioning-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.lp-scene .positioning-card { display:flex; flex-direction:column; padding:32px; border:1px solid var(--lp-line); border-radius:24px; background:#ffffff0a; }
.lp-scene .positioning-card-premium { background:#ffffff14; }
.lp-scene .positioning-card h3 { margin:0 0 16px; font-size:clamp(1.35rem,2.2vw,1.8rem); line-height:1.45; letter-spacing:-.035em; }
.lp-scene .positioning-card p { margin:0 0 24px; color:var(--lp-muted); font-size:.9rem; line-height:1.85; }
.lp-scene .positioning-card .positioning-label { display:flex; justify-content:space-between; gap:16px; color:#c7e5ff; font-size:.74rem; font-weight:700; letter-spacing:.1em; }
.lp-scene .positioning-label span { color:#fff; font-size:.9rem; letter-spacing:0; }
.lp-scene .positioning-card a { margin-top:auto; font-size:.88rem; line-height:1.6; text-underline-offset:4px; }
.lp-scene .positioning-card a:focus-visible { outline:2px solid currentColor; outline-offset:6px; }
.lp-scene .positioning-note { margin:20px 0 0; color:var(--lp-muted); font-size:.73rem; line-height:1.8; }
.lp-scene .positioning-note a { text-underline-offset:3px; }
@media(max-width:860px) { .lp-scene .positioning-grid { grid-template-columns:1fr; } }
html[data-theme="light"] body.lp-scene { --lp-bg:#1748b5; background:linear-gradient(145deg,#123683,#215ce0 65%,#227bd3); }
html[data-theme] .lp-scene::before { content:none; }
.lp-scene main,.lp-scene .lp-footer { position:relative; z-index:1; }
.lp-scene .home-scene-canvas { position:fixed; inset:0; z-index:0; width:100%; height:100%; pointer-events:none; opacity:0; }
.lp-scene.scene-ready .home-scene-canvas { opacity:1; }
.lp-scene .lp-container { width:min(1160px,calc(100% - 80px)); }
html[data-theme] .lp-scene .lp-nav { background:#102e7c99; border-color:#ffffff1f; backdrop-filter:blur(24px); }
.lp-scene .nav-inner { min-height:88px; }
.lp-scene .lp-brand { gap:12px; }
html[data-theme] .lp-scene .lp-brand-mark { width:36px; height:36px; filter:none; border-radius:0; }
.lp-scene .lp-brand-name { font-size:1.45rem; font-weight:650; }
.lp-scene .lp-nav-links { gap:24px; color:var(--lp-muted); }
html[data-theme] .lp-scene .nav-cta { color:#173b98!important; background:#fff; box-shadow:none; padding:12px 22px; }
html[data-theme] .lp-scene .theme-button { color:#fff; border-color:var(--lp-line); background:#ffffff0c; min-height:44px; }
html[data-theme] .lp-scene .locale-options { background:#12377e; border-color:var(--lp-line); }
.lp-scene .lp-hero-product .hero-grid { grid-template-columns:minmax(0,1.25fr) minmax(0,.9fr); align-items:center; gap:40px; padding:80px 0 96px; }
.lp-scene .hero-copy { min-width:0; }
.lp-scene .hero-uncensored-link { margin:0 0 24px; padding:6px 14px; border:1px solid var(--lp-line); border-radius:999px; background:#ffffff0a; text-decoration:none; font-size:.78rem; font-weight:500; }
html[data-theme] .lp-scene :is(.hero-copy h1,.section-heading h2,.final-cta h2,.story-line strong,.faq-section h3,.model-benchmark-heading h3,.plan-price strong) { background:none; -webkit-text-fill-color:currentColor; color:#fff; }
html[data-theme] .lp-scene :is(.hero-copy h1,.section-heading h2,.final-cta h2,.faq-section h3,.model-benchmark-heading h3) span { background:none; -webkit-text-fill-color:currentColor; color:inherit; }
.lp-scene .lp-hero-product .hero-copy h1 { margin:0; font-size:clamp(2.5rem,4.2vw,3.75rem); line-height:1.22; letter-spacing:-.055em; font-weight:650; }
.lp-scene .lp-hero::before { display:none; }
.lp-scene .lp-hero-product .hero-description { margin-top:24px; color:#e0ebff; font-size:.96rem; line-height:1.9; }
.lp-scene .hero-plan-note,.lp-scene .hero-prompt-note { color:var(--lp-muted); font-size:.75rem; line-height:1.75; }
.lp-scene .hero-visual { display:flex; align-items:center; justify-content:center; width:100%; margin:0; }
.lp-scene .home-art { width:100%; max-width:460px; aspect-ratio:1; pointer-events:none; }
.lp-scene .home-art-fallback { width:100%; height:100%; opacity:.8; }
.lp-scene .art-ready .home-art-fallback { opacity:0; }
html[data-theme] .lp-scene .hero-prompt { align-items:center; flex-wrap:nowrap; gap:8px; max-width:none; padding:7px 7px 7px 22px; margin-top:28px; background:#fff; border:1px solid #fff; border-radius:32px; box-shadow:0 16px 48px #061c602b; }
html[data-theme] .lp-scene .hero-prompt:focus-within { outline:3px solid #a7dcff; outline-offset:4px; box-shadow:0 16px 48px #061c602b; }
.lp-scene .hero-prompt textarea { flex:1; min-height:44px; padding:10px 0; color:#142246; font-size:.9rem; }
.lp-scene .hero-prompt textarea::placeholder { color:#64769d; }
html[data-theme] .lp-scene .hero-prompt .button { width:auto; min-height:48px; padding:12px 20px; background:#1c49d8; color:#fff; box-shadow:none; font-size:.82rem; }
.lp-scene .hero-examples { gap:8px; margin-top:20px; }
.lp-scene .hero-examples a { background:#ffffff0a; padding:8px 14px; font-weight:400; }
html[data-theme] .lp-scene .button { box-shadow:none; border-radius:999px; min-height:48px; }
html[data-theme] .lp-scene .button-primary { background:#fff; color:#173b98; border-color:#fff; }
html[data-theme] .lp-scene .button-primary:hover { background:#e8f2ff; box-shadow:none; }
html[data-theme] .lp-scene :is(.button-secondary,.button-quiet) { color:#fff; border-color:#ffffff40; background:#ffffff0a; }
html[data-theme] .lp-scene :is(.button-secondary,.button-quiet):hover { background:#ffffff16; border-color:#ffffff70; }
.lp-scene .lp-section { padding:96px 0; }
.lp-scene :is(.section-heading h2,.final-cta h2) { font-size:clamp(2rem,3.3vw,3rem); font-weight:600; line-height:1.35; letter-spacing:-.045em; }
.lp-scene .section-heading p:not(.section-kicker) { color:var(--lp-muted); font-size:.94rem; }
html[data-theme] .lp-scene .section-kicker { color:#b9dfff; font-size:.68rem; letter-spacing:.14em; font-weight:550; }
html[data-theme] .lp-scene .section-kicker::before { display:none; }
.lp-scene .story { padding:56px 0 72px; border-block:1px solid #ffffff1f; background:#071e5e24; }
.lp-scene .story-pin { width:min(1160px,calc(100% - 80px)); text-align:left; }
.lp-scene .story-copy { display:grid; grid-template-columns:1fr 1fr; column-gap:64px; row-gap:40px; }
.lp-scene .story-line { margin:0; }
.lp-scene .story-line:last-child { grid-column:1 / -1; }
html[data-theme] .lp-scene .story-line strong { font-size:clamp(1.6rem,2.6vw,2.2rem); font-weight:550; line-height:1.35; letter-spacing:-.035em; }
html[data-theme] .lp-scene .story-line span { margin:12px 0 0; color:var(--lp-muted); max-width:none; font-size:.9rem; }
.lp-scene .story-models { justify-content:flex-start; margin-top:24px; gap:12px; }
html[data-theme] .lp-scene .story-models li { background:#ffffff0c; border-color:var(--lp-line); padding:8px 20px 8px 8px; }
.lp-scene .why-layout { gap:72px; }
.lp-scene .feature-row { padding:28px 0; }
.lp-scene .feature-row h3 { font-size:1.1rem; font-weight:550; }
html[data-theme] .lp-scene :is(.feature-number,.feature-arrow) { color:#b9dfff; }
.lp-scene .model-marquee { margin-top:56px; }
.lp-scene .model-marquee-track { animation:none; width:auto; justify-content:center; flex-wrap:wrap; gap:16px; padding:24px; }
.lp-scene .model-marquee-track img { width:56px; height:48px; border-radius:12px; }
.lp-scene .model-marquee-track img:nth-child(n+10) { display:none; }
html[data-theme] .lp-scene :is(.plan,.model-group,.uncensored-card,.model-score-chart,.benchmark-compare) { border:1px solid var(--lp-line); background:#ffffff0a; box-shadow:none; background-image:none; border-radius:24px; }
html[data-theme] .lp-scene .plan-plus { background:#ffffff12; border-color:#ffffff66; box-shadow:inset 0 1px #ffffff20; }
.lp-scene .plans { grid-template-columns:1fr 1fr; gap:24px; }
.lp-scene .plan { padding:36px; }
.lp-scene .plan-price strong { font-size:4.5rem; font-weight:550; }
html[data-theme] .lp-scene .plan-flag { background:#fff; color:#173b98; }
html[data-theme] .lp-scene .plan .landing-signup { background:#ffffff08; border-color:var(--lp-line); }
.lp-scene .uncensored-section { border-top:1px solid #ffffff1f; }
.lp-scene .uncensored-grid { grid-template-columns:1fr 1fr; gap:16px; }
.lp-scene .uncensored-card { padding:28px; }
.lp-scene .uncensored-use-note { border:0; border-left:2px solid #ffffff50; border-radius:0; background:none; padding:0 0 0 24px; }
.lp-scene .uncensored-use-note h3 { font-size:1rem; }
html[data-theme] .lp-scene .model-score-bar > span { background:#b9dfff; box-shadow:none; }
html[data-theme] .lp-scene .model-score-column.is-free .model-score-bar > span { background:#ffffff66; }
html[data-theme] .lp-scene .score-plan-premium { background:#ffffff12; border-color:#b9dfff80; color:#e0f0ff; }
html[data-theme] .lp-scene .score-plan-free { color:#fff; background:#ffffff10; }
.lp-scene .faq-list summary { padding:24px 0; font-weight:550; }
.lp-scene .model-score-chart { margin-right:0; }
html[data-theme] .lp-scene .final-section { padding:88px 0; background:#ffffff08; border-block:1px solid var(--lp-line); }
.lp-scene .final-cta { gap:40px; }
.lp-scene .lp-footer { border-color:var(--lp-line); background:#071e5e40; }
.lp-scene .footer-inner { padding:40px 0; gap:24px; }
.lp-scene .lp-footer-links { flex-wrap:wrap; gap:12px 20px; }
.lp-scene [id] { scroll-margin-top:112px; }
@media(max-width:860px) {
  .lp-scene .lp-container,.lp-scene .story-pin { width:calc(100% - 40px); }
  .lp-scene .nav-inner { min-height:76px; gap:16px; }
  .lp-scene .lp-brand-name { font-size:1.18rem; }
  .lp-scene .lp-nav-links { gap:12px; }
  .lp-scene .lp-hero-product .hero-grid { display:flex; flex-direction:column; gap:8px; padding:24px 0 64px; }
  .lp-scene .hero-visual { order:-1; }
  .lp-scene .home-art { width:min(250px,60vw); }
  .lp-scene .hero-uncensored-link { margin-bottom:20px; }
  .lp-scene .lp-hero-product .hero-copy h1 { font-size:clamp(2rem,6.7vw,3.5rem); }
  .lp-scene .lp-section { padding:64px 0; }
  .lp-scene .why-layout { gap:36px; }
  .lp-scene .story-copy { gap:32px; }
  .lp-scene .plans { grid-template-columns:1fr; }
  .lp-scene .faq-section { gap:32px; }
}
@media(max-width:480px) {
  .lp-scene .home-art { width:min(200px,54vw); }
  .lp-scene .lp-container,.lp-scene .story-pin { width:calc(100% - 32px); }
  .lp-scene .lp-brand { gap:8px; }
  html[data-theme] .lp-scene .lp-brand-mark { width:28px; height:28px; }
  .lp-scene .lp-brand-name { font-size:1.05rem; }
  .lp-scene .lp-nav-links { gap:10px; }
  html[data-theme] .lp-scene .nav-cta { padding:10px 12px; font-size:.75rem; }
  html[data-theme] .lp-scene .theme-button { padding:8px; font-size:.68rem; }
  .lp-scene .lp-nav-links .locale-picker { font-size:.72rem; }
  .lp-scene .hero-copy h1 span { display:block; }
  .lp-scene .lp-hero-product .hero-description { font-size:.9rem; }
  html[data-theme] .lp-scene .hero-prompt { flex-wrap:wrap; border-radius:26px; padding:8px; }
  .lp-scene .hero-prompt textarea { flex-basis:100%; min-height:64px; padding:12px; }
  html[data-theme] .lp-scene .hero-prompt .button { width:100%; }
  .lp-scene .hero-examples { gap:6px; }
  .lp-scene .hero-examples a { padding:6px 10px; font-size:.73rem; }
  .lp-scene .story-copy { grid-template-columns:1fr; }
  .lp-scene .story-line:last-child { grid-column:auto; }
  .lp-scene .uncensored-grid { grid-template-columns:1fr; }
  .lp-scene .plan { padding:28px 22px; }
  .lp-scene .plan-price strong { font-size:3.8rem; }
}
@media(prefers-reduced-transparency:reduce) {
  html[data-theme] .lp-scene .lp-nav { background:#12377e; backdrop-filter:none; }
  html[data-theme] .lp-scene :is(.plan,.model-group,.uncensored-card,.model-score-chart,.story-models li) { background:#173f90; }
}

html[data-theme] .lp-scene :is(.hero-plan-note,.hero-prompt-note,.pricing-footnote) { color:#d2e1ff; }

/* Lead with four concrete uses; keep the catalog and conditions on demand. */
.lp-scene .lp-hero-product .hero-grid { padding:64px 0 72px; }
html[lang] .lp-scene .lp-hero-product .hero-copy h1 { font-size:clamp(3rem,5.3vw,4.8rem); line-height:1.12; letter-spacing:-.055em; }
.lp-scene .lp-hero-product .hero-description { margin-top:20px; font-size:1.05rem; color:#e5eeff; }
.capability-list { display:grid; grid-template-columns:1fr 1fr; gap:24px 32px; margin:32px 0; padding:0; list-style:none; }
.capability-list li { display:flex; align-items:flex-start; gap:12px; min-width:0; }
.capability-list svg { width:24px; height:24px; margin-top:3px; flex:none; fill:none; stroke:#bbdcff; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; }
.capability-list strong { display:block; font-size:1rem; font-weight:550; line-height:1.5; }
.capability-list span { display:block; margin-top:4px; color:#d2e1ff; font-size:.75rem; line-height:1.6; }
.hero-start-note { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px; margin-top:20px; font-size:.75rem; color:#d2e1ff; }
.hero-start-note a { padding:8px 0; color:#fff; text-decoration:none; white-space:nowrap; }
.lp-scene .lp-section.uncensored-section { padding:48px 0; }
.lp-scene .uncensored-section .section-heading { max-width:none; }
.lp-scene .uncensored-section .section-heading h2 { font-size:clamp(1.5rem,2.5vw,2.1rem); }
.lp-scene .uncensored-section .section-kicker { display:none; }
.lp-scene .uncensored-actions { margin-top:24px; }
.lp-scene .uncensored-actions p { max-width:35em; font-size:.75rem; }
.lp-details { margin-top:24px; border-block:1px solid var(--lp-line); }
.lp-details > summary { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:20px 0; cursor:pointer; list-style:none; font-size:.9rem; color:#e5eeff; }
.lp-details > summary::-webkit-details-marker { display:none; }
.lp-details > summary::after { content:'+'; color:#bbdcff; font-size:1.3rem; font-weight:400; }
.lp-details[open] > summary::after { content:'−'; }
.lp-details-content { padding-bottom:24px; }
.lp-scene #models { margin-top:64px; }
.lp-scene #models :is(h2,h3) { margin:0; font-size:clamp(1.5rem,2.5vw,2.1rem); font-weight:550; line-height:1.4; }
.lp-scene #models .section-heading { max-width:none; }
.lp-scene .pricing-heading { margin-bottom:32px; }
.lp-scene .plan-price { margin-top:20px; }
.lp-scene .plan-list { margin-top:24px; }
.lp-scene .faq-section { margin-top:64px; }
.lp-scene .faq-section h3 { font-size:1.8rem; line-height:1.4; }
.lp-scene .pricing-terms { margin-top:32px; }
.lp-scene .pricing-terms .pricing-footnote { margin-top:0; padding-bottom:20px; }
.lp-scene .final-cta p { color:#d2e1ff; }
@media(max-width:860px) {
  .lp-scene .lp-hero-product .hero-grid { gap:20px; padding:24px 0 48px; }
  .lp-scene .home-art { width:144px; }
  .lp-scene .hero-copy { width:100%; }
  html[lang] .lp-scene .lp-hero-product .hero-copy h1 { font-size:clamp(2.5rem,8vw,3.4rem); }
  .lp-scene .lp-hero-product .hero-description { font-size:.92rem; margin-top:16px; }
  .capability-list { margin:24px 0; gap:20px 16px; }
  .capability-list svg { width:20px; height:20px; }
  .capability-list strong { font-size:.9rem; }
  .capability-list span { font-size:.68rem; }
  .lp-scene .lp-hero-product .hero-prompt { margin-top:24px; }
}