/* ===== Klik Studio — vidéos ===== */
.vd-hero{position:relative;padding:130px var(--gutter) 80px;display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(30px,5vw,80px);align-items:center;min-height:100vh}
.vd-hero>*{position:relative}
.vd-hero h1{font-size:clamp(52px,6.4vw,108px);line-height:.9;margin-top:22px}
.vd-price{display:flex;align-items:center;gap:26px;margin-top:30px;padding:20px 24px;border:1px solid var(--green);background:linear-gradient(90deg,rgba(57,255,20,.12),rgba(57,255,20,.02));max-width:620px}
.vd-price__p{display:flex;align-items:baseline;gap:6px;flex:none}.vd-price__p b{font-family:var(--serif);font-weight:400;font-size:96px;line-height:.85;color:var(--green)}.vd-price__p span{font-size:18px;color:#9a9a9a}
.vd-price ul{list-style:none;display:grid;gap:6px}.vd-price li{position:relative;padding-left:24px;font-size:16px;color:#ddd}.vd-price li b{color:#fff}
.vd-price li::before{content:"";position:absolute;left:0;top:5px;width:12px;height:12px;background:var(--green);clip-path:polygon(0 50%,38% 88%,100% 12%,88% 0,38% 64%,12% 38%)}
.vd-cta{display:flex;align-items:center;gap:28px;margin-top:30px;flex-wrap:wrap}
.vd-feature{display:flex;justify-content:center}
.vd-phone{position:relative;width:min(380px,80vw);aspect-ratio:9/19.5;border-radius:54px;padding:12px;background:#0b0b0b;box-shadow:0 0 0 2px #2a2a2a,0 60px 120px -30px #000,0 0 140px -40px rgba(57,255,20,.55)}
.vd-phone .notch{position:absolute;top:24px;left:50%;width:100px;height:26px;margin-left:-50px;border-radius:14px;background:#000;z-index:3}
.vd-phone video{width:100%;height:100%;object-fit:cover;border-radius:44px;background:#000;display:block}
.vd-sound{position:absolute;left:50%;bottom:34px;transform:translateX(-50%);padding:10px 18px;border-radius:999px;background:rgba(0,0,0,.7);border:1px solid rgba(255,255,255,.25);color:#fff;font-size:14px;z-index:4}

.vd-head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;padding-bottom:18px;border-bottom:1px solid #262626}
.vd-head h2{font-family:var(--serif);font-weight:400;font-size:clamp(44px,5.4vw,88px);line-height:.92;letter-spacing:-.025em}
.vd-head p{max-width:420px;color:#9a9a9a;font-size:17px;line-height:1.45}
.vd-works{padding:100px var(--gutter)}
.vd-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;margin-top:34px}
.vd-card{position:relative;aspect-ratio:9/16;border-radius:22px;overflow:hidden;background:#111;cursor:pointer;box-shadow:0 0 0 1px #262626;transition:transform .4s var(--ease),box-shadow .4s}
.vd-card:hover{transform:translateY(-6px);box-shadow:0 0 0 2px var(--green),0 30px 60px -20px rgba(57,255,20,.35)}
.vd-card img,.vd-card video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.vd-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.85))}
.vd-card .pl{position:absolute;left:50%;top:50%;width:64px;height:64px;margin:-32px 0 0 -32px;border-radius:50%;display:grid;place-items:center;background:rgba(0,0,0,.55);border:2px solid rgba(255,255,255,.7);color:#fff;z-index:2;font-size:22px;transition:background .3s}
.vd-card:hover .pl{background:var(--green);color:#000;border-color:var(--green)}
.vd-card .cap{position:absolute;left:14px;right:14px;bottom:14px;z-index:2}.vd-card .cap b{display:block;font-size:17px;color:#fff}.vd-card .cap small{font-size:13px;color:var(--green);letter-spacing:.06em;text-transform:uppercase}

.vd-how{padding:20px var(--gutter) 100px}
.vd-steps{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gutter);margin-top:34px}
.vd-steps li{padding:30px 28px;border:1px solid #262626;background:#060606}.vd-steps span{font-family:var(--serif);font-size:24px;color:var(--green)}
.vd-steps b{display:block;margin-top:12px;font-family:var(--serif);font-weight:400;font-size:38px;line-height:1}.vd-steps p{margin-top:10px;font-size:16px;line-height:1.45;color:#b0b0b0}
.vd-incl{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:4px 30px;margin-top:34px}
.vd-incl li{position:relative;padding:10px 0 10px 28px;font-size:17px;color:#e2e2e2;border-bottom:1px solid #1a1a1a}
.vd-incl li::before{content:"";position:absolute;left:0;top:15px;width:13px;height:13px;background:var(--green);clip-path:polygon(0 50%,38% 88%,100% 12%,88% 0,38% 64%,12% 38%)}

.vd-order{padding:90px var(--gutter);display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(30px,5vw,80px);background:#f5f6f3;color:#000;align-items:start}
.vd-order .sx-k{color:#168a00}.vd-order .sx-k i{background:#168a00;box-shadow:none}
.vd-order h2{font-family:var(--serif);font-weight:400;font-size:clamp(42px,4.8vw,80px);line-height:.94;margin-top:20px;letter-spacing:-.025em}.vd-order em{color:#168a00}
.vd-order__side>p:not(.sx-k){margin-top:20px;font-size:17px;line-height:1.5;color:#444}
.vd-pay{margin-top:26px;padding:22px 24px;background:#000;color:#ddd}
.vd-pay__k{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--green);margin-bottom:12px}
.vd-pay .row{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #1f1f1f;font-size:15px}.vd-pay .row b{color:#fff;font-family:"Courier New",monospace;letter-spacing:.04em}
.vd-pay .ask{font-size:15px;line-height:1.5}.vd-pay .ask a{color:var(--green);border-bottom:1px solid currentColor}
.vd-form textarea{font:inherit;font-size:16px;padding:13px 14px;border:1px solid #d5d9d2;background:#fafbf9;outline:none;width:100%;resize:vertical;color:#000}
.vd-form textarea:focus{border-color:#168a00;box-shadow:0 0 0 3px rgba(57,255,20,.25)}
.vd-form .sx-fmt{margin-bottom:16px}
.vd-file input{position:absolute;width:1px;height:1px;opacity:0}
.vd-drop{display:flex;flex-direction:column;align-items:center;gap:4px;padding:22px;border:2px dashed #b9c2b4;background:#fafbf9;text-align:center;cursor:pointer;font-weight:400}
.vd-drop b{font-size:16px;color:#168a00}.vd-drop small{font-size:13px;color:#777}
.vd-file.bad .vd-drop{border-color:#d92d2d}
.vd-file img{margin-top:10px;max-height:180px;width:auto;border:1px solid #ddd}
.vd-send{width:100%;justify-content:center;background:#000;color:#fff;margin-top:6px}.vd-send::before{background:var(--green)}.vd-send:hover{color:#000}

.vd-modal{position:fixed;inset:0;z-index:90;background:rgba(0,0,0,.92);display:flex;align-items:center;justify-content:center;padding:20px}
.vd-modal[hidden]{display:none}
.vd-modal video{max-height:92vh;max-width:100%;aspect-ratio:9/16;border-radius:20px;background:#000}
.vd-close{position:absolute;top:18px;right:20px;width:48px;height:48px;border-radius:50%;background:#fff;color:#000;font-size:20px}

@media (max-width:1100px){.vd-grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:1000px){
  .vd-hero,.vd-order{grid-template-columns:1fr}
  .vd-hero{min-height:auto;padding-top:110px}
  .vd-steps,.vd-incl{grid-template-columns:1fr}
  .vd-head{flex-direction:column;align-items:flex-start}
  .vd-sticky{display:flex}
}
@media (max-width:600px){
  .vd-hero h1{font-size:46px}
  .vd-grid{grid-template-columns:1fr 1fr;gap:12px}
  .vd-price{flex-direction:column;align-items:flex-start}
}

.vd-hero>.sx-hero__bg{position:absolute}
.vd-send{display:flex}