/* JUSTEVIVO — PREMIUM EXPERIENCE / design layer 2026 */
:root{--jvp-ink:#090d19;--jvp-navy:#111a2e;--jvp-violet:#7657f6;--jvp-violet-2:#9b83ff;--jvp-cyan:#25c8d7;--jvp-text:#18233a;--jvp-muted:#71809a;--jvp-line:#e5eaf3;--jvp-paper:#f5f7fc;--jvp-white:#fff;--jvp-shadow:0 18px 55px rgba(20,32,60,.09)}
html{scroll-behavior:smooth;scroll-padding-top:88px}body{background:var(--jvp-paper)!important;color:var(--jvp-text)!important;font-family:"DM Sans",Inter,system-ui,sans-serif!important}::selection{background:#dcd4ff;color:#24165d}
a,button,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #9b83ff!important;outline-offset:3px}
.topbar{height:74px!important;padding:0 clamp(18px,5vw,76px)!important;background:rgba(9,13,25,.94)!important;color:#fff!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.09)!important;box-shadow:0 8px 30px rgba(8,12,24,.12)!important}
.topbar .brand,.topbar nav a{color:#f6f7ff!important}.brand{font-weight:900!important;letter-spacing:-.8px!important}.brand>span:last-child{color:#a995ff!important}.brand-mark{background:linear-gradient(135deg,var(--jvp-violet),var(--jvp-cyan))!important;box-shadow:0 6px 22px #7657f64d!important;border-radius:10px!important}
.topbar nav{gap:clamp(12px,2.2vw,30px)!important;font-weight:600}.topbar nav a{opacity:.78}.topbar nav a:hover{opacity:1;color:#c7bbff!important}
.top-cta{background:linear-gradient(110deg,var(--jvp-violet),#5740d5)!important;border:1px solid #8b76ff!important;color:#fff!important;border-radius:12px!important;padding:12px 17px!important;box-shadow:0 8px 24px #7657f633!important}.top-cta span{color:#d7d0ff!important}
.hero{position:relative;isolation:isolate;overflow:hidden;padding:clamp(65px,8vw,112px) clamp(22px,8vw,120px)!important;min-height:590px!important;background:radial-gradient(ellipse at 78% 28%,#5540b933,transparent 38%),radial-gradient(ellipse at 4% 85%,#0e9aa51c,transparent 35%),linear-gradient(135deg,#090d19,#10162a 65%,#111a30)!important;color:#fff!important}
.hero:after{content:"";position:absolute;z-index:-1;right:-120px;top:-220px;width:520px;height:520px;border:1px solid #a995ff1c;border-radius:50%;box-shadow:0 0 0 55px #a995ff08,0 0 0 110px #a995ff05}
.hero-copy{max-width:650px}.hero .eyebrow{color:#b9aaff!important;letter-spacing:.17em!important}.hero h1{max-width:720px;font-size:clamp(42px,5.6vw,72px)!important;line-height:1.02!important;letter-spacing:-.055em!important;font-weight:800!important;color:#fff!important}
.hero h1 span,.section-heading h2 span,.how-section h2 span,.plans-heading h2 span{background:linear-gradient(100deg,#a995ff 5%,#5ed9e2 95%)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}
.hero-copy>p{color:#b8c2d6!important;font-size:clamp(14px,1.2vw,17px)!important;line-height:1.85!important}
.hero .button.primary,.button.primary{background:linear-gradient(110deg,var(--jvp-violet),#5943d8)!important;border:1px solid #8d7aff!important;color:#fff!important;box-shadow:0 12px 30px #7657f63d!important}.hero .button.primary:hover,.button.primary:hover{filter:brightness(1.08);transform:translateY(-2px)!important;box-shadow:0 16px 34px #7657f64a!important}
.hero .button.ghost,.button.ghost{background:rgba(255,255,255,.06)!important;border:1px solid #ffffff30!important;color:#f3f5ff!important}.hero-proof{color:#aebbd2!important}
.video-card{background:#10182a!important;border:1px solid #ffffff24!important;border-radius:22px!important;box-shadow:0 35px 90px #0008!important}.video-scene{background:radial-gradient(circle at 72% 24%,#9b83ff 0,transparent 28%),radial-gradient(circle at 20% 75%,#1babb8 0,transparent 36%),linear-gradient(145deg,#141c36,#24204b 60%,#0b1222)!important}
.float-tag{background:#151d32!important;color:#f2f1ff!important;border:1px solid #a995ff55!important;border-radius:12px!important;box-shadow:0 14px 34px #0005!important}
.feature-strip{position:relative;z-index:1;background:#fff!important;border:1px solid var(--jvp-line)!important;border-radius:0 0 20px 20px!important;box-shadow:var(--jvp-shadow)!important;padding:24px clamp(18px,4vw,42px)!important}.feature-strip>div b{color:var(--jvp-violet)!important}.feature-strip strong{color:#202b43!important}.feature-strip small{color:#77849b!important}
.marketing-showcase,.marketing-usecases,.marketing-faq{max-width:1320px!important;padding:clamp(54px,7vw,88px) 24px!important}.marketing-heading h2{color:#17223a!important;letter-spacing:-.055em!important}.marketing-kicker,.eyebrow{color:var(--jvp-violet)!important}.marketing-heading h2 span{color:var(--jvp-violet)!important}.marketing-heading p{color:#6f7d95!important}
.showcase-card,.marketing-feature-grid article,.usecase-grid article{border:1px solid var(--jvp-line)!important;border-radius:20px!important;box-shadow:0 12px 38px rgba(22,34,62,.055)!important;transition:transform .2s,box-shadow .2s!important}.showcase-card:hover,.marketing-feature-grid article:hover,.usecase-grid article:hover{transform:translateY(-4px)!important;box-shadow:var(--jvp-shadow)!important}
.caption-visual{background:radial-gradient(circle at 78% 25%,#9b83ff,#4d388f 38%,#11182a 82%)!important}.cut-visual{background:linear-gradient(145deg,#111a2e,#263d5b)!important}.brand-visual{background:linear-gradient(145deg,#e8e5ff,#b8dfe8)!important}.brand-stack b:nth-child(2){color:var(--jvp-violet)!important}.color-dots i:nth-child(2){background:var(--jvp-violet)!important}.color-dots i:nth-child(3){background:var(--jvp-cyan)!important}
.marketing-features{background:linear-gradient(180deg,#eef1fb,#f7f8fc)!important;max-width:none!important;padding:clamp(54px,7vw,86px) max(20px,calc((100% - 1272px)/2))!important}.marketing-feature-grid article{background:#fff!important;border-color:#e5e9f3!important}.marketing-feature-grid article>b{background:#f0edff!important;color:var(--jvp-violet)!important}.showcase-copy h3,.marketing-feature-grid h3,.usecase-grid h3{color:#1c2942!important}.showcase-copy p,.marketing-feature-grid p,.usecase-grid p{color:#71809a!important}
.studio-section{padding:clamp(60px,7vw,90px) clamp(14px,4vw,60px)!important;background:linear-gradient(180deg,#f5f7fc,#edf1f8)!important}.section-heading{max-width:1320px!important}.section-heading h2{color:#18243c!important}.section-heading>p{color:#71809a!important}
.studio{max-width:1320px!important;grid-template-columns:220px minmax(0,1fr)!important;background:#fff!important;border:1px solid #dfe5ef!important;border-radius:22px!important;box-shadow:0 24px 80px rgba(18,30,57,.13)!important}.sidebar{background:linear-gradient(180deg,#10172a,#0c1222)!important;border-right:1px solid #ffffff12!important;padding:24px 14px!important}.mini-brand{color:#fff!important}.side-link{color:#a7b3ca!important;border:1px solid transparent!important;border-radius:11px!important}.side-link.active{background:linear-gradient(100deg,#7657f633,#25c8d71a)!important;color:#fff!important;border-color:#9b83ff45!important}.side-link:hover{background:#ffffff10!important;color:#fff!important}.side-bottom{color:#8c9ab3!important}
.workspace{background:#f8faff!important;color:#1b2942!important;padding:clamp(16px,2.5vw,32px)!important}.workspace-head h3{color:#18243c!important;font-weight:800!important}.workspace-head p{color:#71809a!important}.status{background:#eafaf5!important;border:1px solid #bcebdc!important;color:#13866e!important}
.upload-zone{background:linear-gradient(135deg,#f7f5ff,#f3fbfc)!important;border:1.5px dashed #b7addf!important;border-radius:16px!important}.upload-zone:hover{border-color:var(--jvp-violet)!important;background:#f3f0ff!important}.upload-zone strong{color:#25324b!important}.upload-zone span,.upload-zone small{color:#71809a!important}
.editor-grid{grid-template-columns:minmax(0,1.1fr) minmax(290px,.9fr)!important}.preview-panel,.controls-panel{background:#fff!important;border:1px solid #e1e7f0!important;border-radius:16px!important;box-shadow:0 8px 25px rgba(26,40,72,.045)!important;color:#1c2942!important}.panel-label{color:#64728c!important}.field-label{color:#52617b!important}
.controls-panel textarea,.controls-panel input:not([type=color]),.controls-panel select,.controls-panel input[type=text],.controls-panel input[type=number]{background:#fff!important;color:#1b2942!important;border:1px solid #dce3ef!important;border-radius:10px!important}.controls-panel textarea:focus,.controls-panel select:focus,.controls-panel input:focus{border-color:var(--jvp-violet)!important;box-shadow:0 0 0 3px #7657f61c!important}
.style-option{background:#f6f8fc!important;border:1px solid #e2e7f0!important;color:#596984!important;border-radius:10px!important}.style-option.selected{background:#f0edff!important;border-color:#b7a8ff!important;color:#5b42db!important}
#subtitleLanguagePanel{background:#f7f5ff!important;border:1px solid #e0d9ff!important;border-radius:14px!important}#subtitleLanguagePanel>div:first-child{color:#5d49c9!important}#subtitleLanguage{background:#fff!important;color:#25324b!important;border:1px solid #dce3ef!important}#subtitleLanguagePanel small{color:#71809a!important}
#justevivo-editor-toolbar{background:#f5f7fc!important;border:1px solid #e3e8f1!important;border-radius:14px!important}#justevivo-editor-toolbar .jv-tool{background:#fff!important;border:1px solid #e3e8f1!important;color:#53627b!important;border-radius:11px!important}#justevivo-editor-toolbar .jv-tool[aria-pressed=true]{background:#f0edff!important;border-color:#b8aaff!important;color:#5b42db!important}
.jv-suite{background:#fff!important;border:1px solid #e1e7f0!important;border-radius:18px!important;box-shadow:0 12px 32px rgba(26,40,72,.055)!important}.jv-suite-head h3,.jv-tool-card h4{color:#1b2942!important}.jv-tool-card{border-color:#e4e9f2!important;border-radius:15px!important}.jv-tool-icon{background:#f0edff!important;color:#6248e5!important}.jv-action-primary,.jv-action.jv-action-primary{background:linear-gradient(110deg,var(--jvp-violet),#5943d8)!important;border-color:var(--jvp-violet)!important;color:#fff!important}.jv-suite-tabs button.active{background:#f0edff!important;border-color:#c9bfff!important;color:#5d43dd!important}.jv-magic-clip{border-radius:15px!important;box-shadow:0 8px 24px rgba(20,32,60,.045)!important}
.how-section{background:#fff!important;padding:clamp(55px,7vw,86px) clamp(18px,6vw,80px)!important}.how-section h2,.plans-heading h2{color:#18243c!important}.steps article{background:#fff!important;border:1px solid var(--jvp-line)!important;border-radius:17px!important;box-shadow:0 10px 28px rgba(20,32,60,.045)!important}.steps article em{color:var(--jvp-violet)!important}.steps article h3{color:#1c2942!important}.steps article p{color:#71809a!important}
.marketing-faq{background:#fff!important;border-radius:22px!important}.faq-list,.faq-list details{border-color:#e7ebf2!important}.faq-list summary{color:#1c2942!important}.faq-list p{color:#71809a!important}.faq-list summary:after{color:var(--jvp-violet)!important}
.plans-section{background:linear-gradient(180deg,#f5f7fc,#edf1f8)!important;padding:clamp(58px,7vw,90px) 20px!important}.plans-heading{text-align:center}.plans-heading h2{color:#18243c!important}.plans-heading p,.plans-note{color:#71809a!important}.plan-card{background:#fff!important;border:1px solid #e1e7f0!important;border-radius:20px!important;box-shadow:0 12px 36px rgba(20,32,60,.06)!important}.plan-card.featured-plan{border:1.5px solid #9b83ff!important;box-shadow:0 18px 46px #7657f61c!important}.plan-price,.plan-card .plan{color:#1b2942!important}.plan-price{font-weight:900!important;letter-spacing:-.05em!important}.plan-price small,.video-limit,.plan-description,.plan-card li{color:#71809a!important}.popular-tag{background:#f0edff!important;color:#5d43dd!important}.plan-card .button.ghost{background:#f7f5ff!important;border:1px solid #d8d0ff!important;color:#5d43dd!important}
.site-footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;padding:28px clamp(18px,5vw,72px)!important;background:#0b1120!important;color:#aab6cc!important;border:0!important}.site-footer .brand{color:#fff!important}.site-footer nav{display:flex;flex-wrap:wrap;gap:8px;color:#aab6cc!important}.site-footer a:hover{color:#fff!important}
.toast,#toast{border-radius:12px!important}
@media(max-width:900px){.topbar nav{gap:12px!important}.studio{grid-template-columns:180px minmax(0,1fr)!important}.editor-grid{grid-template-columns:1fr!important}}
@media(max-width:700px){.topbar{height:auto!important;min-height:66px!important;padding:12px 16px!important;flex-wrap:wrap!important;gap:10px!important}.topbar nav{order:3;width:100%;overflow-x:auto;justify-content:flex-start;padding:4px 0 2px;gap:18px!important}.topbar nav a{white-space:nowrap;font-size:11px}.top-cta{font-size:10px!important;padding:9px 11px!important}.hero{grid-template-columns:1fr!important;padding:58px 20px 42px!important;gap:22px!important;min-height:0!important}.hero h1{font-size:clamp(39px,11vw,54px)!important;letter-spacing:-.06em!important}.hero-art{padding:14px 6px 28px!important}.video-scene{height:220px!important}.float-tag{font-size:9px!important;padding:9px 10px!important}.feature-strip{margin:0 12px!important;grid-template-columns:1fr 1fr!important;border-radius:16px!important}.studio-section{padding:48px 10px!important}.studio{grid-template-columns:1fr!important;border-radius:16px!important}.sidebar{min-height:0!important;display:flex!important;flex-wrap:nowrap!important;gap:5px!important;overflow-x:auto!important;padding:10px!important;border-right:0!important;border-bottom:1px solid #ffffff18!important}.mini-brand{display:none!important}.side-link{flex:0 0 auto!important;margin:0!important;padding:10px!important;font-size:10px!important;white-space:nowrap}.side-link span{margin-left:4px!important}.side-bottom{display:none!important}.workspace{padding:14px!important}.workspace-head{gap:10px!important}.workspace-head h3{font-size:17px!important}.workspace-head .status{display:none}.editor-grid{grid-template-columns:1fr!important}.preview-frame{height:260px!important}.plans-grid{grid-template-columns:1fr!important}.site-footer{flex-direction:column!important;align-items:flex-start!important}.site-footer nav{font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}


/* ACCESSIBILITE & RESPONSIVE — correctifs de contraste et de lisibilité */
.marketing-faq,.marketing-faq *{text-rendering:optimizeLegibility}
.marketing-faq .marketing-heading .marketing-kicker{color:#6248df!important;-webkit-text-fill-color:#6248df!important}
.marketing-faq .marketing-heading h2{color:#18243c!important;-webkit-text-fill-color:#18243c!important}
.marketing-faq .marketing-heading h2 span{color:#6248df!important;-webkit-text-fill-color:#6248df!important}
.marketing-faq .faq-list details{background:#fff!important;border-bottom:1px solid #e4e9f2!important}
.marketing-faq .faq-list details>summary{color:#202b43!important;-webkit-text-fill-color:#202b43!important;opacity:1!important;font-weight:700!important;line-height:1.55!important}
.marketing-faq .faq-list details>summary:after{color:#654be5!important;-webkit-text-fill-color:#654be5!important}
.marketing-faq .faq-list details>p{color:#63718a!important;-webkit-text-fill-color:#63718a!important;opacity:1!important;line-height:1.75!important}
.marketing-faq .faq-list details[open]{background:#faf9ff!important;border-radius:12px!important;padding:12px 16px!important}
.jv-suite,.jv-suite *{box-sizing:border-box}
.jv-suite{min-width:0;max-width:100%;overflow:hidden}
.jv-suite-view,.jv-suite-grid,.jv-tool-card,.jv-magic-clip{min-width:0}
.jv-tool-card p,.jv-magic-clip p,.jv-note{overflow-wrap:anywhere}
.jv-clip-controls{flex-wrap:wrap}
.jv-clip-controls label{flex:1 1 180px;min-width:0}
.jv-clip-controls select{width:100%;min-width:0}
.jv-clip-translation-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:10px}
.jv-clip-translation-tools p{flex:1 1 100%;margin:4px 0 0;line-height:1.65}
.jv-action:disabled,.jv-file-button:disabled{opacity:.48;cursor:not-allowed;filter:grayscale(.2)}
@media(max-width:700px){
  html,body{max-width:100%;overflow-x:hidden}
  .marketing-faq{margin:0 10px!important;padding:42px 16px!important;border-radius:18px!important}
  .marketing-faq .marketing-heading h2{font-size:clamp(27px,8vw,38px)!important;line-height:1.12!important}
  .marketing-faq .faq-list details>summary{font-size:14px!important;padding:17px 34px 17px 2px!important}
  .marketing-faq .faq-list details>p{font-size:13px!important}
  .jv-suite{padding:12px!important}
  .jv-suite-head h3{font-size:19px!important}
  .jv-suite-tabs{max-width:100%;scrollbar-width:thin}
  .jv-suite-tabs button{flex:0 0 auto}
  .jv-suite-grid{grid-template-columns:minmax(0,1fr)!important}
  .jv-clip-controls{display:grid!important;grid-template-columns:minmax(0,1fr)!important;width:100%}
  .jv-clip-controls label{width:100%;min-width:0}
  .jv-clip-translation-tools{display:grid;grid-template-columns:minmax(0,1fr);width:100%}
  .jv-clip-translation-tools .jv-action{width:100%;margin:0}
  .jv-magic-clip{width:100%;min-width:0}
  .jv-magic-clip-head{align-items:flex-start}
  .jv-magic-clip-head strong{font-size:13px}
  .jv-clip-preview-player{max-height:240px}
  .workspace-head{min-width:0;flex-wrap:wrap}
  .upload-zone{min-width:0;padding:24px 14px!important}
}
@media(prefers-reduced-motion:reduce){.jv-magic-clip,.jv-action{transition:none!important}}