﻿/* Source: 20261007 handoff / 04_Testimonials/04_Implementation_v1.1/testimonials-redesign.css
   SHA256: 81f707ee8ba8028b97e997b0f3c51dc698231121e92f1a713296ecb2cbecf6c8
   Scoped rules; shared header/footer, html and legacy trial import removed. */
/* Page 04 visual refinement. Content, routes and navigation order remain unchanged. */
.drmvpv2-testimonials{background:#fff}
.drmvpv2-testimonials .hero{position:relative;overflow:hidden;padding:76px 0 82px;background:linear-gradient(135deg,#f2f7ff 0%,#fff 55%,#fff9e9 100%)}
.drmvpv2-testimonials .hero::before{content:"";position:absolute;width:520px;height:520px;left:-330px;top:-270px;border:80px solid rgba(18,96,223,.055);border-radius:50%}
.drmvpv2-testimonials .hero::after{content:"";position:absolute;width:180px;height:180px;right:-60px;bottom:-95px;border-radius:50%;background:rgba(255,189,27,.13)}
.drmvpv2-testimonials .hero-grid{position:relative;z-index:1;grid-template-columns:minmax(420px,43%) minmax(0,57%);gap:70px}
.drmvpv2-testimonials .hero h1{position:relative;margin-bottom:25px;font-size:clamp(48px,4vw,64px);letter-spacing:-.035em}
.drmvpv2-testimonials .hero h1::before{content:"";position:absolute;left:-26px;top:10px;width:6px;height:105px;border-radius:999px;background:linear-gradient(var(--yellow),#ff9f0a)}
.drmvpv2-testimonials .hero-copy{padding-left:2px;line-height:1.9}
.drmvpv2-testimonials .hero-actions .drmvpv2-testimonials-btn{min-width:154px;box-shadow:0 9px 22px rgba(6,29,80,.08)}
.drmvpv2-testimonials .hero-actions .primary{box-shadow:0 11px 24px rgba(255,172,0,.23)}
.drmvpv2-testimonials .hero-collage{min-height:456px;border-radius:42px;background:linear-gradient(145deg,#0b2b69,#1260df);box-shadow:0 24px 55px rgba(6,29,80,.17)}
.drmvpv2-testimonials .hero-collage::before{content:"";position:absolute;inset:22px;border:1px solid rgba(255,255,255,.24);border-radius:28px}
.drmvpv2-testimonials .hero-collage::after{content:"";position:absolute;right:28px;top:27px;width:58px;height:58px;background:radial-gradient(circle,#ffbd1b 0 4px,transparent 5px) 0 0/18px 18px;opacity:.9}
.drmvpv2-testimonials .hero-collage img{border-width:6px;border-radius:21px;box-shadow:0 18px 38px rgba(1,18,52,.3)}
.drmvpv2-testimonials .hero-collage img:nth-child(1){left:5%;top:54px;width:55%}
.drmvpv2-testimonials .hero-collage img:nth-child(2){right:4%;top:28px;width:51%}
.drmvpv2-testimonials .hero-collage img:nth-child(3){right:10%;bottom:31px;width:58%}
.drmvpv2-testimonials .section{position:relative;padding:88px 0}
.drmvpv2-testimonials #video-stories{background:#fff}
.drmvpv2-testimonials #video-stories::before{content:"";position:absolute;left:0;top:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,#ccdbee,transparent)}
.drmvpv2-testimonials .section-heading{position:relative;margin-bottom:42px;padding-left:22px}
.drmvpv2-testimonials .section-heading::before{content:"";position:absolute;left:0;top:5px;bottom:5px;width:5px;border-radius:9px;background:var(--yellow)}
.drmvpv2-testimonials .section-heading h2{font-size:40px;letter-spacing:-.025em}
.drmvpv2-testimonials .section-heading p{padding:12px 18px;border-radius:14px;background:#f2f6fc}
.drmvpv2-testimonials .story-grid{gap:22px}
.drmvpv2-testimonials .story-card{position:relative;border:0;border-radius:22px;background:#f6f9fe;box-shadow:none;transition:transform .22s ease,box-shadow .22s ease}
.drmvpv2-testimonials .story-card:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(19,64,129,.13)}
.drmvpv2-testimonials .story-cover{overflow:hidden;background:#0a265c}
.drmvpv2-testimonials .story-cover::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(3,18,49,.48));pointer-events:none}
.drmvpv2-testimonials .story-cover img{transition:transform .35s ease}
.drmvpv2-testimonials .story-card:hover .story-cover img{transform:scale(1.035)}
.drmvpv2-testimonials .play{z-index:2;width:54px;height:54px;background:#fff;color:var(--blue);box-shadow:0 9px 28px rgba(1,20,57,.24)}
.drmvpv2-testimonials .duration{z-index:2}
.drmvpv2-testimonials .story-content{position:relative;padding:22px 22px 24px;border:1px solid #d8e5f7;border-top:0;border-radius:0 0 22px 22px;background:linear-gradient(150deg,#fff,#f3f7fd)}
.drmvpv2-testimonials .story-category{background:#e6efff}
.drmvpv2-testimonials .story-content h3{font-size:23px}
.drmvpv2-testimonials .story-content p{color:#536b91}
.drmvpv2-testimonials .story-link{display:inline-flex;align-items:center;gap:8px}
.drmvpv2-testimonials .story-link::after{content:"→";font-size:20px;transition:transform .2s ease}
.drmvpv2-testimonials .story-link:hover::after{transform:translateX(4px)}
.drmvpv2-testimonials .section.alt{overflow:hidden;background:linear-gradient(180deg,#eef5ff,#f8fbff)}
.drmvpv2-testimonials .section.alt::before{content:"“";position:absolute;right:3%;top:-72px;color:rgba(18,96,223,.07);font-family:Georgia,serif;font-size:330px;line-height:1}
.drmvpv2-testimonials .quote-grid{position:relative;gap:22px}
.drmvpv2-testimonials .quote-card{position:relative;min-height:255px;padding:31px 28px 27px;border:0;border-radius:22px;background:#fff;box-shadow:0 13px 34px rgba(20,61,123,.08)}
.drmvpv2-testimonials .quote-card::before{content:"“";position:absolute;right:24px;top:11px;color:#d9e7fb;font-family:Georgia,serif;font-size:74px;line-height:1}
.drmvpv2-testimonials .quote-card:nth-child(3n+2){transform:translateY(18px)}
.drmvpv2-testimonials .quote-card>span{position:relative;background:#e7f0ff}
.drmvpv2-testimonials .quote-card blockquote{position:relative;margin:25px 0 20px;font-size:19px;line-height:1.8}
.drmvpv2-testimonials .quote-card strong{font-size:17px}
.drmvpv2-testimonials .final-cta{padding:76px 0;background:#fff}
.drmvpv2-testimonials .final-panel{display:grid;grid-template-columns:1fr auto;align-items:center;gap:18px 42px;padding:48px 58px;text-align:left;background:linear-gradient(118deg,#061d50 0%,#0b377f 58%,#1260df 100%);box-shadow:0 24px 52px rgba(6,29,80,.17)}
.drmvpv2-testimonials .final-panel h2{grid-column:1;font-size:39px}
.drmvpv2-testimonials .final-panel p{grid-column:1;margin:0}
.drmvpv2-testimonials .final-panel .hero-actions{grid-column:2;grid-row:1/3;margin:0;align-self:center}
.drmvpv2-testimonials .final-panel .secondary{border-color:#fff;background:transparent;color:#fff}
@media(max-width:1199px){
.drmvpv2-testimonials .hero-grid{grid-template-columns:1fr;gap:48px}
.drmvpv2-testimonials .hero-collage{min-height:420px}
.drmvpv2-testimonials .hero-copy span{display:inline}
.drmvpv2-testimonials .hero-copy span::after{content:" "}
.drmvpv2-testimonials .story-grid{gap:20px}
.drmvpv2-testimonials .quote-card:nth-child(3n+2){transform:none}
.drmvpv2-testimonials .final-panel{grid-template-columns:1fr}
.drmvpv2-testimonials .final-panel .hero-actions{grid-column:1;grid-row:auto;justify-content:flex-start}
}
@media(max-width:768px){
.drmvpv2-testimonials .hero{padding:54px 0 62px}
.drmvpv2-testimonials .hero-grid{gap:38px}
.drmvpv2-testimonials .hero h1{font-size:39px;padding-left:17px}
.drmvpv2-testimonials .hero h1::before{left:0;top:6px;height:76px;width:4px}
.drmvpv2-testimonials .hero-copy span{display:block;word-break:normal}
.drmvpv2-testimonials .hero-copy span::after{content:none}
.drmvpv2-testimonials .hero-collage{min-height:290px;border-radius:28px}
.drmvpv2-testimonials .hero-collage::before{inset:13px;border-radius:20px}
.drmvpv2-testimonials .hero-collage::after{right:16px;top:14px}
.drmvpv2-testimonials .hero-collage img:nth-child(1){left:4%;top:47px}
.drmvpv2-testimonials .hero-collage img:nth-child(2){right:4%;top:25px}
.drmvpv2-testimonials .hero-collage img:nth-child(3){right:8%;bottom:22px}
.drmvpv2-testimonials .section{padding:62px 0}
.drmvpv2-testimonials .section-heading{display:block;padding-left:16px}
.drmvpv2-testimonials .section-heading h2{font-size:31px}
.drmvpv2-testimonials .section-heading p{margin-top:14px;padding:11px 14px}
.drmvpv2-testimonials .story-card:hover{transform:none}
.drmvpv2-testimonials .quote-card{min-height:225px}
.drmvpv2-testimonials .final-panel{padding:38px 24px;border-radius:25px}
.drmvpv2-testimonials .final-panel h2{font-size:30px}
.drmvpv2-testimonials .final-panel .hero-actions{width:100%}
}
