/* The original CapCut layout is preserved in original.css.
   This file contains the requested simplified header and local enhancements. */
html { scroll-behavior:smooth; }
main [id] { scroll-margin-top:84px; }
.not-found { max-width:680px; margin:0 auto; padding:150px 24px 100px; text-align:center; }
.not-found h1 { font:clamp(32px,5vw,52px)/1.1 "Inter Bold",Arial,sans-serif; margin:16px 0 24px; }
.not-found p { font-size:17px; line-height:1.6; margin-bottom:24px; color:#536170; }
.site-header { position:fixed; inset:0 0 auto; z-index:100; height:64px; transition:background .2s, box-shadow .2s; }
.site-header.scrolled { background:rgba(255,255,255,.94); backdrop-filter:blur(16px); box-shadow:0 1px 0 #111a2009; }
.header-inner { width:min(100% - 80px,1200px); height:100%; margin:auto; display:flex; align-items:center; justify-content:space-between; }
.brand { color:#090c14; display:inline-flex; font-size:20px; }
.brand svg { width:106px; height:20px; }
.try-button { display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:0 22px; border-radius:10px; background:#111a20; color:#fff; font-size:16px; line-height:1.3; font-weight:600; transition:transform .2s,background .2s; }
.try-button:hover { background:#26343d; transform:translateY(-2px); }
a:focus-visible,[tabindex]:focus-visible { outline:3px solid #00bed4; outline-offset:5px; border-radius:6px; }
.hvtoeY { justify-content:center; }
.hvtoeY .try-cta { min-width:208px; }
.ciOUx8 { isolation:isolate; overflow:clip; padding-top:112px; padding-bottom:32px; background:radial-gradient(ellipse at 5% 35%,#ebe6fc 0,transparent 43%),radial-gradient(ellipse at 90% 45%,#edf0fd 0,transparent 40%); }
/* Keep the decorative video inside the hero so it cannot wash out the next section. */
.tUzFP4 { z-index:-1; pointer-events:none; height:100%; width:100%; }
.ciOUx8 .ONSbHY { margin-bottom:18px; }
.ciOUx8 .pTjjVl { color:#007f91; }
.ciOUx8 .GOrGpK { margin-bottom:24px; }
.ciOUx8 .RWjSFI { color:#536170; margin-top:10px; }
.TtKeYY { padding-top:24px; padding-bottom:32px; }
.TtKeYY .ZEcoon,.TtKeYY .yntUf6 { color:#111a20; }
.TtKeYY .DORZre .iWh46W { color:#455363; }
.hero-video { width:100%; height:100%; object-fit:cover; }
.try-cta:hover { filter:brightness(.96); }
.replica-note { display:block; font-size:12px; margin-top:16px; color:#bdd1db80; }
.footer-language { color:#fff; font-size:14px; }
.ZlMqPD a { cursor:pointer; }
._5gfPW { cursor:pointer; }
.uKI_4y { color:#536170; }
.uKI_4y[aria-current=true] { color:#111a20; }
.uKI_4y>span { max-width:calc(100% - 24px); white-space:normal; overflow:visible; text-overflow:clip; }
.PzpcSl .GacpZR a { cursor:pointer; }
.home-section { padding:80px 0; color:#111a20; }
.site-footer { padding:32px 40px; background:linear-gradient(130deg,#f6f7fa,#eef9fa); border-top:1px solid #e6ecef; }
.site-footer nav { max-width:1200px; margin:auto; }
.site-footer ul { list-style:none; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0 42px; margin:0; padding:0; }
.site-footer a { display:block; padding:20px 0; border-bottom:1px solid #dce5e9; color:#25323b; text-decoration:none; font:500 14px/1.5 Arial,Helvetica,sans-serif; }
.site-footer a:hover,.site-footer a[aria-current=page] { color:#007481; }
@media(max-width:760px) { .site-footer { padding:24px 20px 35px; } .site-footer ul { grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 24px; } .site-footer a { font-size:13px; padding:17px 0; } }
@media(max-width:360px) { .site-footer ul { grid-template-columns:1fr; } }
.home-format-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; }
.home-format-preview { display:flex; justify-content:center; align-items:center; height:190px; margin-bottom:26px; border-radius:24px; background:#f0ecf9; }
.home-format-card:nth-child(2) .home-format-preview { background:#e8f5f3; }
.home-format-card:nth-child(3) .home-format-preview { background:#fcf0e8; }
.home-format-preview span { display:grid; place-items:center; border:1px solid #53617055; border-radius:12px; background:#ffffffaa; font-size:22px; color:#334953; box-shadow:0 10px 28px #26343d0a; }
.format-portrait { width:76px; height:135px; }
.format-landscape { width:176px; height:99px; }
.format-square { width:118px; height:118px; }
.home-format-card h3,.home-checklist-items h3 { font:22px/1.3 "Inter SemiBold",Arial,sans-serif; margin:0 0 14px; }
.home-format-card p,.home-checklist-items p { font-size:15px; line-height:1.7; color:#465563; margin:0; }
.home-format-card .home-format-example { margin-top:18px; padding-top:18px; border-top:1px solid #e1e6e9; font-size:13px; }
.home-checklist { background:#f7f8fa; }
.home-checklist-layout { display:grid; grid-template-columns:1fr 1.2fr; gap:70px; }
.home-checklist-items { list-style:none; counter-reset:publication; padding:0; margin:0; }
.home-checklist-items li { position:relative; counter-increment:publication; padding:0 0 26px 52px; margin-bottom:26px; border-bottom:1px solid #dfe5e9; }
.home-checklist-items li:last-child { margin-bottom:0; padding-bottom:0; border:0; }
.home-checklist-items li::before { content:counter(publication,decimal-leading-zero); position:absolute; left:0; top:1px; color:#007481; font-size:21px; }
.home-checklist-items h3 { font-size:20px; margin-bottom:10px; }
.home-text-link { display:inline-block; margin-top:24px; color:#006c78; font-size:15px; text-decoration:underline; text-underline-offset:5px; }
@media(max-width:1024px) { .home-format-grid { gap:20px; } .home-checklist-layout { gap:32px; } }
@media(max-width:760px) { .home-format-grid,.home-checklist-layout { grid-template-columns:1fr; } .home-format-grid { gap:36px; } .home-format-preview { height:175px; margin-bottom:22px; } .home-checklist-layout { gap:12px; } }
.home-content-wrap { width:min(100% - 80px,1200px); margin:auto; }
.home-section-heading { max-width:740px; margin-bottom:36px; }
.home-eyebrow { margin:0 0 16px; color:#536170; font:600 11px/1.5 Arial,sans-serif; letter-spacing:.13em; }
.home-section h2 { margin:0 0 20px; font-family:"Inter Bold",Arial,sans-serif; font-size:clamp(32px,4vw,48px); line-height:1.12; letter-spacing:-.035em; }
.home-section-heading>p:last-child { margin:0; color:#536170; font-size:17px; line-height:1.6; }
.home-guide-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.home-guide-card { display:flex; flex-direction:column; padding:28px; border:1px solid #e6e9ee; border-radius:24px; background:#f6f5fb; }
.home-guide-card:nth-child(3n + 2) { background:#eff8f7; }
.home-guide-card:nth-child(3n) { background:#fcf5ef; }
.home-guide-number { margin-bottom:28px; font-size:14px; color:#536170; }
.home-guide-card h3,.home-workflow-steps h3 { margin:0 0 16px; font-family:"Inter SemiBold",Arial,sans-serif; font-size:22px; line-height:1.3; letter-spacing:-.025em; }
.home-guide-card h3 a { color:inherit; text-decoration:none; text-underline-offset:5px; }
.home-guide-card h3 a:hover { color:#006c78; text-decoration:underline; }
.home-guide-card p,.home-workflow-steps p { margin:0 0 24px; font-size:15px; line-height:1.7; color:#465563; }
.home-guide-tag { align-self:flex-start; margin-top:auto; border:1px solid #111a2026; border-radius:20px; padding:7px 10px; font-size:10px; line-height:1.3; letter-spacing:.06em; }
.home-workflow { background:linear-gradient(120deg,#edf8f8,#f1edfc); }
.home-workflow-steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px; list-style:none; padding:0; margin:44px 0 32px; }
.home-workflow-steps li { border-top:1px solid #111a2026; padding-top:24px; }
.home-workflow-steps li>span { display:block; margin-bottom:20px; color:#007481; font-size:36px; line-height:1.2; }
.home-workflow-steps p { margin-bottom:0; }
.home-editing-tip { display:grid; grid-template-columns:180px 1fr; gap:24px; padding:24px 28px; border-radius:18px; background:#ffffffb3; font-size:15px; line-height:1.7; }
.home-editing-tip strong { font-family:"Inter SemiBold",Arial,sans-serif; }
.home-editing-tip p { color:#465563; margin:0; }
.home-faq-layout { display:grid; grid-template-columns:1fr 1.5fr; gap:64px; }
.home-faq-list details { border-bottom:1px solid #dfe5e9; }
.home-faq-list details:first-child { border-top:1px solid #dfe5e9; }
.home-faq-list summary { position:relative; padding:24px 36px 24px 0; cursor:pointer; list-style:none; font-family:"Inter SemiBold",Arial,sans-serif; font-size:18px; line-height:1.5; }
.home-faq-list summary::-webkit-details-marker { display:none; }
.home-faq-list summary::after { content:'+'; position:absolute; right:2px; top:22px; font:26px/1.2 Arial,sans-serif; color:#007481; }
.home-faq-list details[open] summary::after { content:'−'; }
.home-faq-list summary:focus-visible { outline:3px solid #00bed4; outline-offset:4px; border-radius:4px; }
.home-faq-list details p { margin:0; padding:0 24px 24px 0; font-size:15px; line-height:1.7; color:#465563; }
.home-faq-list a { color:#006c78; text-decoration:underline; text-underline-offset:3px; }
@media(min-width:1025px) and (max-width:1280px) { .home-content-wrap { width:946px; } }
@media(max-width:1024px) {
 .home-content-wrap { width:calc(100% - 40px); }
 .home-section { padding:60px 0; }
 .home-guide-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .home-faq-layout { gap:32px; }
 .home-workflow-steps { gap:24px; }
}
@media(max-width:640px) {
 .home-section { padding:44px 0; }
 .home-section-heading { margin-bottom:28px; }
 .home-section-heading>p:last-child { font-size:16px; }
 .home-guide-grid,.home-workflow-steps,.home-faq-layout,.home-editing-tip { grid-template-columns:1fr; }
 .home-guide-card { padding:24px; border-radius:20px; }
 .home-guide-number { margin-bottom:20px; }
 .home-workflow-steps { margin-top:28px; gap:28px; }
 .home-editing-tip { gap:8px; padding:24px; }
 .home-faq-layout { gap:0; }
 .home-faq-list summary { font-size:17px; padding-top:20px; padding-bottom:20px; }
}
@media(min-width:1025px) and (max-width:1280px) { .header-inner { width:946px; } }
@media(max-width:1024px) {
 .header-inner { width:calc(100% - 40px); }
 .ciOUx8 { padding-top:104px; padding-bottom:28px; }
 .ONSbHY { overflow-wrap:normal; }
 .TtKeYY { scroll-margin-top:80px; }
}
@media(max-width:640px) {
 .header-inner { width:calc(100% - 40px); }
 .brand { font-size:18px; }
 .brand svg { width:96px; height:20px; }
 .header-try { min-height:40px; padding:0 16px; font-size:14px; }
 .ciOUx8 { padding-top:88px; padding-bottom:24px; }
 .ciOUx8 .ONSbHY { margin-bottom:16px; }
 .ONSbHY { font-size:clamp(32px,8.8vw,48px); line-height:1.12; letter-spacing:-.025em; margin-bottom:24px; }
 .GOrGpK { font-size:16px; line-height:1.5; }
 .hvtoeY .try-cta { min-height:54px; font-size:18px; }
 .RWjSFI { font-size:14px; }
 .Mwj78F { font-size:16px; }
 .yZRE8G[data-active=true] { height:auto; min-height:450px; padding-bottom:30px!important; }
 .N_GbAC { margin-bottom:16px; }
 .oOZKqd { font-size:14px; line-height:1.5; }
 .site-header { background:rgba(255,255,255,.65); backdrop-filter:blur(12px); }
}
@media(prefers-reduced-motion:reduce) {
 html { scroll-behavior:auto; }
 *,*::before,*::after { animation:none!important; transition:none!important; }
}
