.df-home-about{position:relative;margin:54px 0 0;padding:48px 0;background:linear-gradient(180deg,rgba(18,18,21,.35),rgba(10,10,12,.78));border-top:1px solid var(--ps-line,var(--rs-line,#303030));overflow:hidden}
.df-home-about::before{content:"";position:absolute;width:520px;height:520px;right:9%;top:-310px;border-radius:50%;background:radial-gradient(circle,rgba(255,185,0,.13),transparent 68%);pointer-events:none}
.df-home-about>.wrap{max-width:1680px;padding-top:0;padding-bottom:0}
.df-home-about-card{position:relative;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);align-items:stretch;min-height:310px;border:1px solid rgba(255,255,255,.09);border-radius:26px;background:linear-gradient(125deg,rgba(29,29,34,.96),rgba(13,13,16,.98) 58%,rgba(21,18,12,.98));box-shadow:0 24px 70px rgba(0,0,0,.26);overflow:hidden}
.df-home-about-card::before{content:"";position:absolute;inset:0 auto auto 0;width:46%;height:2px;background:linear-gradient(90deg,var(--ps-accent),rgba(255,185,0,0));z-index:2}
.df-home-about-copy{position:relative;z-index:2;padding:clamp(34px,4vw,58px) clamp(34px,4.2vw,64px)}
.df-home-about-kicker{display:inline-flex;align-items:center;gap:10px;margin-bottom:18px;color:var(--ps-accent);font-size:11px;font-weight:800;letter-spacing:1.8px;text-transform:uppercase}
.df-home-about-kicker i{display:block;width:30px;height:2px;border-radius:2px;background:var(--ps-accent);box-shadow:0 0 16px rgba(255,185,0,.45)}
.df-home-about h2{margin:0 0 16px;font-size:clamp(28px,2.5vw,40px);line-height:1.16;letter-spacing:-.5px}
.df-home-about p{max-width:900px;margin:0;color:#b7b7c0;font-size:14px;line-height:1.95;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.df-home-about-more{display:inline-flex;align-items:center;gap:8px;margin-top:26px;color:#111;background:var(--ps-accent);height:40px;padding:0 18px;border-radius:999px;font-size:13px;font-weight:800;transition:transform .2s,filter .2s,box-shadow .2s}
.df-home-about-more:hover{transform:translateY(-2px);filter:brightness(1.05);box-shadow:0 10px 28px rgba(255,185,0,.2)}
.df-home-about-more .ico{width:16px;height:16px}
.df-home-about-visual{position:relative;display:grid;place-items:center;min-height:310px;border-left:1px solid rgba(255,255,255,.07);background:radial-gradient(circle at 50% 46%,rgba(255,185,0,.12),transparent 58%);overflow:hidden}
.df-home-about-emblem{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center}
.df-home-about-mark{display:grid;place-items:center;width:112px;height:112px;border:1px solid rgba(255,185,0,.35);border-radius:50%;background:linear-gradient(145deg,rgba(255,185,0,.18),rgba(255,185,0,.03));box-shadow:inset 0 0 0 12px rgba(255,255,255,.025),0 20px 45px rgba(0,0,0,.35)}
.df-home-about-mark svg{width:70px;height:70px;fill:var(--ps-accent);stroke:none;filter:drop-shadow(0 0 10px rgba(255,185,0,.22))}
.df-home-about-emblem strong{margin-top:16px;font-size:19px;letter-spacing:.5px}.df-home-about-emblem small{margin-top:4px;color:#777781;font-size:9px;font-weight:800;letter-spacing:2.2px}
.df-home-about-orbit{position:absolute;left:50%;top:50%;border:1px solid rgba(255,185,0,.13);border-radius:50%;transform:translate(-50%,-50%) rotate(-18deg)}
.df-home-about-orbit.orbit-a{width:250px;height:150px}.df-home-about-orbit.orbit-b{width:300px;height:210px;transform:translate(-50%,-50%) rotate(28deg);border-color:rgba(255,255,255,.06)}
.df-home-about-dot{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--ps-accent);box-shadow:0 0 14px rgba(255,185,0,.65)}.df-home-about-dot.dot-a{left:18%;top:26%}.df-home-about-dot.dot-b{right:16%;bottom:24%;width:4px;height:4px;opacity:.65}
body.home .ft,body.home .rs-footer{margin-top:0}body.home .hg-home-body{padding-bottom:0}
@media(max-width:1180px){.df-home-about-card{grid-template-columns:minmax(0,1fr) 280px}.df-home-about-copy{padding:38px}.df-home-about-visual{min-height:300px}}
@media(max-width:960px){.df-home-about{display:none}}

.df-home-about-mark svg .pm-play{stroke:var(--ps-accent);stroke-width:44;stroke-linejoin:round}

/* "About cnvideo.ai" intro (2026-11-09): ~300 characters left, copyright FAQ accordion right */
.df-home-intro{padding:36px 0 12px}
.df-home-intro-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:44px;align-items:center}
.df-home-intro-kicker{display:block;margin-bottom:14px;color:var(--ps-accent,#ffb900);font-size:13px;font-weight:700;letter-spacing:.32em}
.df-home-intro-copy h2{margin:0 0 16px;font-size:32px;line-height:1.3;font-weight:800;color:#fff}
.df-home-intro-lead{margin:0 0 14px;color:#f1f1f1;font-size:17px;font-weight:700;line-height:1.7}
.df-home-intro-copy p{margin:0;color:#b8b8b8;font-size:14px;line-height:1.85}
/* right: plain accordion card, no images */
.hia{display:flex;align-items:center;justify-content:center}
/* copyright FAQ accordion */
.hia-faq{width:100%;padding:22px 24px;border:1.5px solid var(--ps-accent,#ffb900);border-radius:18px;background:linear-gradient(145deg,rgba(255,185,0,.08),rgba(255,255,255,.02))}
.hia-faq-h{display:block;margin-bottom:8px;color:var(--ps-accent,#ffb900);font-size:18px;font-weight:800}
.hia-q{border-bottom:1px solid rgba(255,255,255,.12)}
.hia-q summary{position:relative;list-style:none;cursor:pointer;padding:14px 30px 14px 0;color:#f1f1f1;font-size:15px;font-weight:700;line-height:1.5}
.hia-q summary::-webkit-details-marker{display:none}
.hia-q summary::after{content:"+";position:absolute;right:4px;top:12px;color:var(--ps-accent,#ffb900);font-size:20px;font-weight:400;line-height:1}
.hia-q[open] summary::after{content:"−"}
.hia-q summary:hover{color:#fff}
.hia-q p{margin:0 0 14px;color:#d6d6d6;font-size:13.5px;line-height:1.75}
.hia-faq-more{margin:14px 0 0;color:#cfcfcf;font-size:13.5px}
.hia-faq-more a{color:var(--ps-accent,#ffb900);font-weight:700;text-decoration:none}
.hia-faq-more a:hover{text-decoration:underline}
.hia-faq-more{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.hia-faq-more .hia-tg{display:inline-grid;place-items:center;width:30px;height:30px;margin-left:6px;border-radius:50%;background:#229ed9;color:#fff;transition:transform .15s,filter .15s}
.hia-faq-more .hia-tg:hover{text-decoration:none;transform:scale(1.08);filter:brightness(1.1)}
.hia-tg svg{width:17px;height:17px;margin-left:-2px}
@media (max-width:960px){
  .df-home-intro-grid{grid-template-columns:1fr;gap:22px}
  .df-home-intro-copy h2{font-size:22px}
  .df-home-intro-lead{font-size:15px}
  .hia-faq{padding:14px 16px}
  .hia-q summary{font-size:14px}
}

/* header, content, intro and footer share one width (1680px) so their edges line up on large screens (2026-11-09) */