/* Professional Legal Video & Trial — e-discovery service page */
:root{--navy:#061522;--navy2:#0b2744;--blue:#0b3764;--gold:#eebd58;--gold2:#d99a32;--ink:#102c50;--body:#202833;--line:#d6e0e9;--serif:"Libre Baskerville",Georgia,serif;--sans:"Source Sans 3",Arial,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:65px}
body{margin:0;color:var(--body);font-family:var(--sans);font-size:14px;line-height:1.34;background:#fff;-webkit-font-smoothing:antialiased}
p {
  font-size: 1rem !important;
}
img{display:block;max-width:100%}
a{color:inherit}
.content-width{width:min(1120px,calc(100% - 100px));margin-inline:auto}
.skip-link{position:absolute;top:-60px;left:12px;z-index:99;background:#fff;padding:10px}
.skip-link:focus{top:10px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.topbar{height:53px;background:linear-gradient(110deg,#050c13,#101b26 60%,#050d15);border-bottom:2px solid var(--gold2);color:#fff;position:relative;z-index:10}
 .topbar{height:62px; padding:2rem 0;}
.topbar-inner{width:min(1120px,calc(100% - 90px));height:100%;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand{display:flex;align-items:center;gap:8px;color:#f1c15f;text-decoration:none;flex-shrink:0}
.brand-icon{width:58px;height:45px}
.brand-name{font:11px/1.1 var(--serif);letter-spacing:.01em;color:#fff;white-space:nowrap}
.brand-name b{font-weight:400}
.main-nav{display:flex;align-items:center;gap:25px;margin-left:auto}
.main-nav>a,.services-link,.footer nav a{color:#fff;text-decoration:none;font-size:11px;white-space:nowrap}
.main-nav a:hover,.footer nav a:hover{color:var(--gold)}
.nav-dropdown{position:relative}
.services-link{font-size:11px !important; margin-bottom:0;}
.services-link span{margin-left:4px; position:relative; top:-3px;}
.dropdown-menu{display:none;position:absolute;top:100%;left:-12px;min-width:170px;padding:9px;background:#101d2a;border-top:2px solid var(--gold);box-shadow:0 8px 18px #0005}
.dropdown-menu a{display:block;padding:9px 10px;color:#fff;text-decoration:none;font-size:12px}
.nav-dropdown:hover .dropdown-menu,.nav-dropdown:focus-within .dropdown-menu{display:block}
.header-phone{display:flex;align-items:center;gap:9px;color:#ffc64d;text-decoration:none;font-size:17px;font-weight:700;white-space:nowrap;margin-left:55px}
.header-phone span{font-size:19px}
.menu-toggle{display:none}
.hero{padding:2rem 0 3rem 0; position:relative;overflow:hidden;color:#fff;background:#071522}
.hero-photo,.hero-overlay{position:absolute;inset:0;width:100%;height:100%}
.hero-photo{object-fit:cover;object-position:center 55%}
.hero-overlay{background:linear-gradient(90deg,rgba(4,13,21,.94) 0%,rgba(4,13,21,.82) 42%,rgba(4,13,21,.2) 75%,rgba(4,13,21,.04) 100%)}
.hero-content{position:relative;width:min(1120px,calc(100% - 100px));margin:auto;padding-top:14px}
h1,h2,h3,p{margin-top:0}
 .hero-content .final-phone {
    margin-left: 1rem;
    position: relative;
    top: 4px;
 }
.hero h1{font:400 clamp(30px,4.8vw,41px)/1.08 var(--serif);letter-spacing:-.045em;margin:0 0 1px;color:#fff}
.hero h2{font:400 21px/1.15 var(--serif);margin:0 0 7px;color:#fff}
.gold-rule{display:block;width:43px;height:2px;background:var(--gold);margin:7px 0}
.hero p{max-width:440px;margin:7px 0 8px;font-size:14px;line-height:1.22;color:#f5f5f5}
.gold-button{display:inline-flex;align-items:center;gap:17px;min-height:29px;padding:0 16px;background:linear-gradient(#ffdf9a,#e9b64e);border:1px solid #e7ad40;border-radius:3px;color:#071522;text-decoration:none;font-size:10px;font-weight:700;box-shadow:0 1px 2px #0003;transition:filter .18s,transform .18s}
.XXXgold-button:hover{filter:brightness(1.08);transform:translateY(-1px)}
.gold-button span{font-size:15px}
.strategic{min-height:169px;display:grid;grid-template-columns:1.25fr .9fr;gap:35px;align-items:center;padding-top:2rem;padding-bottom:2rem;}
.strategic-copy h2,.services>h2,.audiences>h2,.platform h2,.security h2,.faq h2{font:700 20px/1.18 var(--serif);letter-spacing:-.035em;color:var(--ink);margin:0}
.strategic-copy .gold-rule{margin:7px 0}
.strategic-copy p{max-width:590px;font-size:12.6px;line-height:1.25;margin:0;color:#252a31}
.strategic-image{height:144px;position:relative;overflow:hidden}
.strategic-image img{width:100%;height:100%;object-fit:cover}
.image-message{position:absolute;right:0;top:0;bottom:0;width:49%;display:flex;flex-direction:column;justify-content:center;padding:10px 13px;background:rgba(0,9,16,.78);color:#fff;font:16px/1.38 var(--serif)}
.image-message strong{color:#ffc64d;font-weight:400;white-space:nowrap}
.process{padding:2rem 0;color:#fff;background:radial-gradient(ellipse at 50% 0%,#17364d 0%,#0a1c2b 68%,#071521 100%)}
.process h2{font:400 21px/1.2 var(--serif);margin:0;color:#fff}
.process .gold-rule{margin:5px 0}
.section-intro{font-size:12.4px;margin:0 0 8px;color:inherit}
.process-steps{display:grid;grid-template-columns:1fr 20px 1fr 20px 1fr 20px 1fr 20px 1fr 20px 1fr;align-items:start;gap:4px;padding:0;margin:0;list-style:none}
.process-steps li:not(.step-arrow){text-align:center;min-width:0}
.step-circle{width:66px;height:66px;border:3px solid #f5c65e;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 auto 6px;box-shadow:inset 0 0 0 1px #fff3,0 0 0 1px #071522}
.step-circle b{font:26px/1 var(--serif);font-weight:400}
.step-circle small{font-size:11px;line-height:1.1}
.process-steps li p{font-size:10.5px;line-height:1.17;margin:0 auto;max-width:115px;color:#f1f3f5}
.step-arrow{padding-top:20px;text-align:center;color:#fff;font-size:23px}
.services{padding-top:2rem;padding-bottom:2rem;}
.services>h2{margin-bottom:2px}
.services>.gold-rule{margin:5px 0}
.services .section-intro{color:#343b45;margin-bottom:8px}
.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:22px;row-gap:7px}
.service-card{min-width:0}
.service-card img{width:100%;height:72px;object-fit:cover;background:#d7e0e7}
.service-card h3{font:700 14px/1.15 var(--serif);letter-spacing:-.025em;color:var(--ink);margin:4px 0 1px}
.service-card p{font-size:11.7px;line-height:1.16;margin:0;color:#202832}
.bridge{padding:2rem 0; position:relative;overflow:hidden;color:#fff;background:#071521}
.bridge>img,.bridge-shade{position:absolute;inset:0;width:100%;height:100%}
.bridge>img{object-fit:cover;object-position:center 52%}
.bridge-shade{background:linear-gradient(90deg,rgba(3,13,22,.98) 0%,rgba(3,13,22,.94) 47%,rgba(3,13,22,.35) 72%,rgba(3,13,22,.12) 100%)}
.bridge-content{position:relative;padding-top:8px}
.bridge h2{font:400 22px/1.12 var(--serif);letter-spacing:-.04em;color:#fff;margin:0}
.bridge .gold-rule{margin:6px 0}
.bridge p{max-width:455px;font-size:11.9px;line-height:1.22;color:#f0f2f3;margin:6px 0}
.bridge .gold-button{margin-top:3px}
.audiences{padding-top:2rem;padding-bottom:2rem;}
.audiences>h2{margin:0}
.audiences>.gold-rule{margin:5px 0 7px}
.audience-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.audience-grid article{text-align:center;padding:0 14px;position:relative;color:var(--blue)}
.audience-grid article+article:before{content:"";position:absolute;left:0;top:12px;bottom:3px;width:1px;background:#d9e3ec}
.audience-grid svg{width:35px;height:35px;display:block;margin:0 auto 1px}
.audience-grid h3{font:700 11px/1.08 var(--serif);margin:0 0 3px;color:#0b3764}
.audience-grid p{font-size:10.7px;line-height:1.13;margin:0;color:#4c5662}
.national-line{text-align:center;color:#0b3764;font:700 13px var(--serif);margin:8px 0 0}
.platform{background:linear-gradient(100deg,#e6eef5,#f5f8fb 58%,#e4edf5);border-top:1px solid #e1e9f0;border-bottom:1px solid #e1e9f0; padding:2rem 0;}
.platform-inner{min-height:103px;display:grid;grid-template-columns:1.25fr .85fr;align-items:center;gap:28px;padding-top:8px;padding-bottom:8px}
.platform h2{font-size:18px}
.platform .gold-rule{margin:4px 0}
.platform p{font-size:11.8px;line-height:1.22;margin:0;color:#333c47}
.platform img{width:100%;max-height:85px;min-height:300px;object-fit:contain}
.security-faq{display:grid;grid-template-columns:1.35fr 1fr;gap:28px;padding-top:2rem;padding-bottom:2rem;}
.security{display:grid;grid-template-columns:53px 1fr;gap:14px;align-items:center;padding-right:22px;border-right:1px solid #dce4ec}
.lock-icon{width:47px;height:58px;color:#0b3764}
.security h2,.faq h2{font-size:2rem;margin-bottom:5px}
.security p{font-size:1.5rem !important;line-height:1.22;margin:0;color:#414b56}
.faq h2{font-size:13px;margin:0 0 4px}
.faq details{border:1px solid #d4e0eb;border-bottom:0;background:#fff; padding:1rem;}
.faq details:last-child{border-bottom:1px solid #d4e0eb}
.faq summary{position:relative;list-style:none;cursor:pointer;padding:3px 18px 3px 17px;color:#0b3764;font-size:1rem;line-height:1.15}
.faq summary::-webkit-details-marker{display:none}
.faq summary:before{content:"▸";position:absolute;left:5px;color:#0b3764}
.faq details[open] summary:before{content:"▾"}
.faq summary:after{content:"+";position:absolute;right:6px;top:2px;font-weight:700}
.faq details[open] summary:after{content:"−"}
.faq details p{padding:5px 8px 8px 17px;margin:0;color:#475360;font-size:10.5px;line-height:1.35}
.final-cta{padding:2rem 0; position:relative;overflow:hidden;color:#fff;background:#061522}
.final-cta>img,.final-shade{position:absolute;inset:0;width:100%;height:100%}
.final-cta>img{object-fit:cover;object-position:center 50%}
.final-shade{background:linear-gradient(90deg,rgba(3,13,22,.98),rgba(3,13,22,.93) 53%,rgba(3,13,22,.35) 100%)}
.final-content{position:relative;padding-top:7px}
.final-content h2{font:400 21px/1.15 var(--serif);margin:0;color:#fff}
.final-content .gold-rule{margin:5px 0}
.final-content p{max-width:600px;font-size:11.7px;line-height:1.2;margin:0 0 7px}
.final-actions{display:flex;align-items:center;gap:25px}
.final-phone{color:#fff;text-decoration:none;font-size:17px;font-weight:600}
.final-phone span{font-size:20px;margin-right:7px}
.footer{background:linear-gradient(100deg,#050e17,#0c1a27);border-top:2px solid #c9973f;color:#fff; padding:2rem 0;}
.footer-inner{width:min(1120px,calc(100% - 90px));min-height:49px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:15px}
.footer .brand-icon{width:43px;height:37px}
.footer .brand-name{font-size:9px}
.footer nav{display:flex;gap:23px}
.footer nav a{font-size:10px}
.footer .header-phone{font-size:15px;margin-left:10px}
@media(min-width:1400px){.hero-content{padding-top:25px}.hero p{max-width:510px;font-size:16px}.strategic{min-height:205px}.service-card img{height:95px}.process-steps li p{font-size:12px}}
@media(max-width:760px){
 .content-width{width:calc(100% - 36px)}
 .topbar-inner{width:calc(100% - 28px);gap:10px}
 .brand-icon{width:45px;height:40px}
 .brand-name{font-size:9px}
 .header-phone{font-size:13px;margin-left:auto}
 .header-phone span{font-size:15px}
 .menu-toggle{display:flex;flex-direction:column;gap:4px;padding:8px;border:0;background:none}
 .menu-toggle i{display:block;width:20px;height:2px;background:#fff}
 .main-nav{display:none;position:absolute;top:60px;left:0;right:0;padding:10px 18px 18px;background:#071522;flex-direction:column;align-items:stretch;gap:0}
 .main-nav.open{display:flex}
 .main-nav>a,.services-link{display:block;padding:10px 4px}
 .dropdown-menu{position:static;box-shadow:none;border-top:1px solid #b9893a;margin:0 0 5px 10px}
 .hero{height:auto;min-height:360px}
 .hero-photo{object-position:61% center}
 .hero-overlay{background:linear-gradient(90deg,rgba(4,13,21,.96),rgba(4,13,21,.75) 78%,rgba(4,13,21,.42))}
 .hero-content{width:calc(100% - 38px);padding:26px 0 25px}
 .hero h1{font-size:34px}
 .hero h2{font-size:17px}
 .hero p{max-width:470px;font-size:13px;line-height:1.3}
 .strategic{grid-template-columns:1fr;gap:12px;padding-top:20px;padding-bottom:20px}
 .strategic-copy h2{font-size:20px}
 .strategic-image{height:155px}
 .process{padding:18px 0}
 .process h2{font-size:20px}
 .process-steps{grid-template-columns:repeat(3,1fr);gap:17px 10px}
 .process-steps li:nth-child(6){display:none}
 .process-steps li:nth-child(8){display:none}
 .process-steps li:nth-child(10){display:none}
 .process-steps li:nth-child(12){display:none}
 .step-arrow{display:none}
 .step-circle{width:61px;height:61px}
 .process-steps li p{font-size:11px;max-width:145px}
 .services{padding-top:20px;padding-bottom:20px}
 .services>h2{font-size:20px}
 .service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 12px}
 .service-card img{height:90px}
 .service-card h3{font-size:13px}
 .service-card p{font-size:11.5px;line-height:1.22}
 .bridge{height:auto;min-height:240px}
 .bridge>img{object-position:68% center}
 .bridge-shade{background:linear-gradient(90deg,rgba(3,13,22,.98),rgba(3,13,22,.86) 72%,rgba(3,13,22,.55))}
 .bridge-content{padding-top:20px;padding-bottom:20px}
 .bridge h2{font-size:20px}
 .bridge p{max-width:470px;font-size:12px}
 .audiences{padding-top:17px;padding-bottom:17px}
 .audience-grid{grid-template-columns:repeat(2,1fr);row-gap:18px}
 .audience-grid article:nth-child(3):before{display:none}
 .audience-grid article{padding:0 6px}
 .national-line{font-size:12px;line-height:1.3}
 .platform-inner{grid-template-columns:1fr;gap:12px;padding-top:17px;padding-bottom:17px}
 .platform h2{font-size:18px}
 .XXXplatform img{max-height:110px;}
 .security-faq{grid-template-columns:1fr;gap:16px;padding-top:18px;padding-bottom:18px}
 .security{border-right:0;border-bottom:1px solid #dce4ec;padding:0 0 15px}
 .faq summary{font-size:11px;padding-top:6px;padding-bottom:6px}
 .faq h2{font-size:16px}
 .final-cta{height:auto;min-height:170px}
 .final-content{padding-top:18px;padding-bottom:18px}
 .final-content h2{font-size:20px}
 .final-content p{max-width:500px;font-size:12px}
 .footer-inner{width:calc(100% - 28px);padding:12px 0;flex-wrap:wrap}
 .footer nav{order:3;width:100%;justify-content:space-between;gap:8px}
 .footer .header-phone{margin-left:auto}
}
@media(max-width:390px){.header-phone{font-size:11px}.brand-name{font-size:8px}.brand-icon{width:39px}.service-grid{grid-template-columns:1fr}.service-card img{height:125px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important}}
