.kling4-page{min-height:100vh;background:#121414;color:#e3e2e2}.kling4-page .max-w-8xl,.kling4-shell{width:min(calc(100% - 2rem),92rem);max-width:none;margin-inline:auto}.kling4-hero{padding:1rem 0 3rem;text-align:center}.kling4-hero h1{margin:0;color:var(--primary);font-size:clamp(2.25rem,5vw,4rem);font-weight:700;letter-spacing:-.04em;line-height:1.05}.kling4-hero p{max-width:850px;margin:1.5rem auto 0;color:#a9ad9d;font-size:clamp(1.125rem,1.8vw,1.5rem);line-height:1.55}.kling4-model-note{padding:.85rem 0;border-top:1px solid #303331;color:#8e9379;font-size:.8125rem}.kling4-page .kling4-studio{scroll-margin-top:6rem}.kling4-page .kling4-studio>.max-w-8xl{padding-inline:0}.kling4-section{padding-block:clamp(5.5rem,9vw,8.5rem);border-top:1px solid #303331;scroll-margin-top:6rem}.kling4-section-blue{background:#161919}.kling4-section-heading{max-width:872px;margin:0 auto 3.5rem;text-align:center}.kling4-eyebrow{display:inline-block;padding:.45rem .9rem;border:1px solid color-mix(in srgb,var(--primary) 28%,transparent);border-radius:999px;background:color-mix(in srgb,var(--primary) 8%,transparent);color:var(--primary);font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.kling4-section-heading h2{margin:1.35rem 0 1.25rem;color:#f0f1ec;font-size:clamp(2.35rem,4.6vw,4.5rem);font-weight:650;letter-spacing:-.045em;line-height:1.02}.kling4-subtitle{max-width:760px;margin-inline:auto;color:#a9ad9d;font-size:clamp(1.05rem,1.5vw,1.25rem);line-height:1.55}.kling4-prose{color:#b8bcae;font-size:1.0625rem;line-height:1.7}.kling4-section-8 .kling4-prose,.kling4-section-faq .kling4-prose{max-width:872px;margin-inline:auto}.kling4-section-11 .kling4-prose,.kling4-section-3 .kling4-prose,.kling4-section-4 .kling4-prose,.kling4-section-5 .kling4-prose,.kling4-section-7 .kling4-prose{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem}.kling4-section-3 .kling4-copy-item,.kling4-section-7 .kling4-copy-item{padding:2rem;border:1px solid #303331;border-radius:1.25rem;background:#1b1c1c}.kling4-section-11 .kling4-prose,.kling4-section-5 .kling4-prose,.kling4-section-7 .kling4-prose{grid-template-columns:repeat(3,minmax(0,1fr))}.kling4-section-7 .kling4-prose{counter-reset:workflow}.kling4-section-7 .kling4-copy-item:before{counter-increment:workflow;content:"0" counter(workflow);display:block;margin-bottom:1.5rem;color:var(--primary);font-size:2.25rem;line-height:1}.kling4-copy-item{margin:0;padding-top:1.35rem;border-top:1px solid #303331}.kling4-copy-item h3{margin:0 0 .75rem;color:#f0f1ec;font-size:1.5rem;font-weight:650;letter-spacing:-.02em;line-height:1.25}.kling4-copy-item p,.kling4-prose>p{margin:0}.kling4-overview-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:3.5rem}.kling4-overview .kling4-section-heading{margin:0 0 1.75rem;text-align:left}.kling4-overview .kling4-section-heading h2{font-size:clamp(2.5rem,4vw,3.5rem)}.kling4-overview .kling4-subtitle{margin-inline:0}.kling4-overview .kling4-prose p+p{margin-top:1.25rem}.kling4-overview-image{margin:0}.kling4-overview-image img{display:block;width:100%;height:auto;border:1px solid #303331;border-radius:1.25rem}.kling4-showcase-group+.kling4-showcase-group{margin-top:5.5rem}.kling4-showcase-group-heading{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:1.875rem;padding-bottom:1.25rem;border-bottom:1px solid #303331}.kling4-showcase-group-heading h3{margin:0 0 .5rem;color:#f0f1ec;font-size:clamp(1.5rem,2.3vw,2rem);font-weight:650}.kling4-showcase-group-heading p{margin:0;color:#8e9379;font-size:.9375rem}.kling4-showcase-group-heading>span{flex:none;color:var(--primary);font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.kling4-showcase-grid{display:grid;gap:1.75rem}.kling4-showcase-grid--landscape{grid-template-columns:repeat(12,minmax(0,1fr))}.kling4-showcase-grid--landscape .kling4-case-video:nth-child(-n+2){grid-column:span 6}.kling4-showcase-grid--landscape .kling4-case-video:nth-child(n+3){grid-column:span 3}.kling4-showcase-grid--portrait{grid-template-columns:repeat(6,minmax(0,1fr));gap:1.25rem}.kling4-case-video{min-width:0;margin:0}.kling4-video-frame{position:relative;aspect-ratio:16/9;overflow:hidden;border:1px solid #303331;border-radius:1.25rem;background:#000}.kling4-case-video--portrait .kling4-video-frame{aspect-ratio:9/16}.kling4-case-video video{display:block;width:100%;height:100%;object-fit:cover}.kling4-case-video figcaption{padding-top:1.1rem}.kling4-case-video figcaption h3{margin:0 0 .5rem;color:#f0f1ec;font-size:1.15rem;font-weight:650}.kling4-case-video figcaption p{margin:0;color:#8e9379;font-size:.9rem;line-height:1.55}.kling4-showcase-grid--portrait figcaption h3{font-size:1rem}.kling4-showcase-grid--portrait figcaption p{font-size:.8125rem}.kling4-video-toggle{position:absolute;right:.875rem;bottom:.875rem;display:grid;width:2.875rem;height:2.875rem;padding:0;place-items:center;border:1px solid rgb(255 255 255/28%);border-radius:999px;background:rgb(18 20 20/78%);color:#fff;opacity:0;pointer-events:none;backdrop-filter:blur(12px)}.kling4-video-toggle svg{width:1.25rem;height:1.25rem;fill:currentColor}.kling4-video-toggle:focus-visible{opacity:1;pointer-events:auto;outline:2px solid var(--primary)}.kling4-table-scroll{max-width:1100px;margin:0 auto;overflow-x:auto}.kling4-prose table{width:100%;min-width:620px;border-collapse:collapse;font-size:.9375rem}.kling4-prose td,.kling4-prose th{padding:1rem;border-bottom:1px solid #303331;text-align:left;vertical-align:top}.kling4-prose th{color:#f0f1ec;font-weight:650}.kling4-faq-row{padding:1.4rem 0;border-bottom:1px solid #303331}.kling4-faq-row summary{position:relative;padding-right:2.25rem;color:#f0f1ec;cursor:pointer;font-size:1.2rem;font-weight:650;list-style:none}.kling4-faq-row summary::-webkit-details-marker{display:none}.kling4-faq-row summary:after{content:"+";position:absolute;right:0;color:var(--primary);font-size:1.5rem}.kling4-faq-row[open] summary:after{content:"−"}.kling4-faq-row p{margin:1rem 0 0}.kling4-pricing-cards{margin-top:3rem}.kling4-pricing-cards>section{padding-top:3rem;padding-bottom:0}.kling4-section-cta{text-align:center}.kling4-section-cta .kling4-prose{max-width:800px;margin-inline:auto}.kling4-section-cta .kling4-prose a{display:inline-flex;min-height:3rem;align-items:center;justify-content:center;padding:.7rem 2rem;border-radius:999px;background:var(--primary);color:var(--primary-foreground);font-weight:700;text-decoration:none}@media (hover:none),(pointer:coarse){.kling4-embedded-demo-toggle,.kling4-video-toggle{opacity:1;pointer-events:auto}}@media (min-width:640px){.kling4-page .max-w-8xl,.kling4-shell{width:min(calc(100% - 5rem),92rem)}}@media (max-width:900px){.kling4-overview-grid{grid-template-columns:1fr;gap:2.5rem}.kling4-section-11 .kling4-prose,.kling4-section-5 .kling4-prose{grid-template-columns:repeat(2,minmax(0,1fr))}.kling4-section-7 .kling4-prose{grid-template-columns:1fr}.kling4-showcase-grid--landscape .kling4-case-video:nth-child(n){grid-column:span 6}.kling4-showcase-grid--portrait{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:600px){.kling4-section{padding-block:5.5rem}.kling4-section-11 .kling4-prose,.kling4-section-3 .kling4-prose,.kling4-section-4 .kling4-prose,.kling4-section-5 .kling4-prose,.kling4-section-7 .kling4-prose{grid-template-columns:1fr;gap:1.75rem}.kling4-showcase-grid--landscape{grid-template-columns:1fr}.kling4-showcase-grid--landscape .kling4-case-video:nth-child(n){grid-column:auto}.kling4-showcase-grid--portrait{grid-template-columns:repeat(2,minmax(0,1fr))}.kling4-showcase-group-heading{align-items:start}}@media (prefers-reduced-motion:reduce){.kling4-page *{scroll-behavior:auto!important}}