*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:#061c2b;color:#f4f7f9;line-height:1.55;overflow-x:hidden;-webkit-text-size-adjust:100%}a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:rgba(244,196,0,.18)}img{max-width:100%;display:block}.container{width:min(1180px,92vw);margin:auto}.site-header{position:sticky;top:0;z-index:100;background:rgba(2,22,35,.96);border-bottom:1px solid rgba(255,255,255,.12);backdrop-filter:blur(14px)}.nav{height:84px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand img{height:58px;width:auto}.navlinks{display:flex;align-items:center;gap:30px;font-weight:700;font-size:15px}.navlinks a{opacity:.88}.navlinks a:hover{color:#f4c400;opacity:1}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 22px;border:1px solid rgba(255,255,255,.34);border-radius:7px;font-weight:800;transition:.25s;background:rgba(7,42,60,.5)}.btn:hover{transform:translateY(-2px);border-color:#f4c400}.btn.primary{background:#f4c400;color:#031d2b;border-color:#f4c400}.btn.primary:hover{background:#ffd21a}.eyebrow{color:#f4c400;letter-spacing:.18em;font-weight:900;font-size:13px;text-transform:uppercase}.hero{min-height:760px;display:flex;align-items:center;position:relative;background:linear-gradient(90deg,rgba(2,26,41,.97) 0%,rgba(2,31,48,.84) 45%,rgba(2,26,41,.38) 100%),url('../images/experience-office.jpg') center/cover no-repeat;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(90deg,#000,transparent 55%)}.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.2fr .8fr;gap:65px;align-items:center}.hero h1{font-size:clamp(54px,6vw,92px);line-height:.98;margin:18px 0 26px;letter-spacing:-.05em}.hero h1 span{color:#f4c400}.hero p{font-size:21px;max-width:720px;color:#e6edf1}.hero-actions{display:flex;gap:14px;margin-top:30px;flex-wrap:wrap}.hero-proof{margin-top:28px;display:flex;align-items:center;gap:10px;color:#c9d7de;font-size:15px}.proof-dot{width:12px;height:12px;border-radius:50%;background:#f4c400;box-shadow:0 0 0 7px rgba(244,196,0,.12)}.glass{background:linear-gradient(145deg,rgba(5,41,59,.88),rgba(2,26,41,.78));border:1px solid rgba(130,180,200,.35);box-shadow:0 18px 60px rgba(0,0,0,.3);backdrop-filter:blur(12px)}.cap-card{padding:30px;border-radius:8px}.cap-top{display:flex;align-items:end;gap:16px;padding-bottom:24px;border-bottom:1px solid rgba(255,255,255,.13)}.cap-top strong{font-size:68px;color:#f4c400;line-height:1}.cap-item{display:grid;grid-template-columns:44px 1fr;gap:16px;padding:22px 0;border-bottom:1px solid rgba(255,255,255,.11)}.cap-item:last-child{border:0}.cap-num{color:#f4c400;font-weight:900}.cap-item b{font-size:18px}.cap-item small{color:#adc0ca}.section{padding:100px 0;position:relative}.section.dark2{background:#082d3f}.section h2{font-size:clamp(42px,5vw,72px);line-height:1.05;margin:14px 0 20px;letter-spacing:-.04em}.yellow{color:#f4c400}.lead{font-size:20px;color:#c6d4da;max-width:850px}.service-overview{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:44px}.service-panel{min-height:480px;border:1px solid rgba(255,255,255,.35);border-radius:8px;overflow:hidden;position:relative;display:flex;align-items:flex-end;padding:36px;background-size:cover;background-position:center}.service-panel:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,24,36,.1),rgba(2,27,42,.92) 72%)}.service-panel>*{position:relative;z-index:2}.service-panel h3{font-size:34px;margin:0 0 14px}.service-panel p{color:#dce7eb}.chiprow{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.chip{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border:1px solid rgba(74,173,255,.82);border-radius:999px;font-size:12px;font-weight:800;letter-spacing:.04em;color:#eef8ff;background:linear-gradient(180deg,rgba(38,129,214,.38),rgba(14,77,132,.24));box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 10px 24px rgba(0,0,0,.18),0 0 0 1px rgba(31,120,199,.16);transition:transform .22s ease,background .22s ease,border-color .22s ease,box-shadow .22s ease}.chip::after{content:'→';font-size:13px;line-height:1;color:#68c4ff}.service-panel:hover .chip{transform:translateY(-2px);background:linear-gradient(180deg,rgba(54,153,236,.5),rgba(17,92,153,.3));border-color:#73cbff;box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 12px 28px rgba(0,0,0,.24),0 0 18px rgba(73,174,255,.16)}.auto-panel{background-image:url('../images/service-auto.jpg')}.risk-panel{background-image:url('../images/service-risk.jpg')}.drive-section{background:linear-gradient(90deg,rgba(3,25,39,.98) 0%,rgba(3,27,42,.75) 60%,rgba(3,27,42,.88)),url('../images/experience-office.jpg') center/cover no-repeat}.drive-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}.photo-frame{border:1px solid #f4c400;padding:7px;background:#042538;box-shadow:0 20px 55px rgba(0,0,0,.35)}.photo-frame img{width:100%;height:520px;object-fit:cover;object-position:center}.feature-list{margin-top:30px}.feature{display:grid;grid-template-columns:54px 1fr;gap:16px;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.14)}.feature .n{color:#f4c400;font-size:20px;font-weight:900}.feature b{display:block;font-size:19px}.feature span{color:#b8c8d0}.process-section{background:linear-gradient(rgba(3,27,42,.78),rgba(3,27,42,.93)),url('../images/process-tech.jpg') center/cover no-repeat}.process-lead{max-width:720px}.steps{display:grid;grid-template-columns:repeat(6,1fr);margin-top:50px}.steps-premium{gap:12px}.step{padding:22px 18px;min-height:225px;border:1px solid rgba(255,255,255,.17);background:linear-gradient(145deg,rgba(6,37,54,.88),rgba(4,28,42,.8));border-radius:8px;position:relative;box-shadow:0 12px 28px rgba(0,0,0,.18)}.steps-premium .step:not(:last-child):after{content:'›';position:absolute;right:-9px;top:50%;transform:translateY(-50%);color:#f4c400;font-size:44px;font-weight:700;z-index:3}.step-top{display:flex;align-items:center;gap:14px;margin-bottom:16px}.step-icon{width:50px;height:50px;border-radius:50%;border:1px solid rgba(244,196,0,.62);display:grid;place-items:center;color:#f4c400;background:rgba(7,33,47,.82)}.step .num{color:#f4c400;font-weight:900;font-size:32px;line-height:1}.step h3{font-size:19px;margin:0 0 10px}.step p{color:#b9c8cf;font-size:15px;margin:0}.process-strength{margin-top:30px;display:grid;grid-template-columns:1.08fr .42fr .8fr;align-items:stretch;overflow:hidden;border:1px solid rgba(255,255,255,.18);border-radius:10px;background:rgba(4,31,48,.84);box-shadow:0 18px 45px rgba(0,0,0,.22)}.strength-copy{padding:34px 30px}.strength-copy h3{font-size:26px;line-height:1.14;margin:10px 0 16px}.strength-copy p{font-size:16px;color:#c9d5db;margin:0}.strength-metrics{padding:34px 26px;border-left:1px solid rgba(255,255,255,.14);display:flex;flex-direction:column;gap:18px}.metric{padding:4px 0 18px;border-bottom:1px solid rgba(255,255,255,.12)}.metric:last-child{border-bottom:0;padding-bottom:0}.metric b{display:block;color:#f4c400;font-size:20px;line-height:1.1;margin-bottom:6px}.metric b:first-child{font-size:42px}.metric span{display:block;color:#d3dee4;font-size:15px}.strength-image img{width:100%;height:100%;min-height:300px;object-fit:cover}.clients-section{background:linear-gradient(90deg,rgba(3,27,42,.95),rgba(3,27,42,.78)),url('../images/experience-office.jpg') center/cover no-repeat}.experience-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:60px;align-items:center}.quote{padding:35px;border-radius:8px;font-size:26px;color:#dce7eb}.quote:before{content:'“';font-size:76px;color:#f4c400;line-height:.5}.logos{display:grid;grid-template-columns:repeat(7,1fr);gap:12px;margin-top:45px}.logo-card{height:112px;border:1px solid rgba(255,255,255,.15);background:#051f30;border-radius:7px;overflow:hidden}.logo-card img{width:100%;height:100%;object-fit:cover}.contact-section{background:#061c2b}.contact-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:40px}.contact-card{padding:26px;border:1px solid rgba(255,255,255,.18);border-radius:8px;background:linear-gradient(145deg,#082e42,#061f31);transition:.25s;min-height:180px}.contact-card:hover{transform:translateY(-5px);border-color:#f4c400;box-shadow:0 18px 35px rgba(0,0,0,.22)}.icon-circle{width:52px;height:52px;border:1px solid rgba(244,196,0,.7);border-radius:50%;display:grid;place-items:center;color:#f4c400;margin-bottom:18px}.contact-card b{font-size:20px}.contact-card .value{display:block;color:#f4c400;font-weight:900;font-size:20px;margin-top:6px}.contact-card .action{display:flex;justify-content:space-between;align-items:center;margin-top:18px;padding-top:15px;border-top:1px solid rgba(255,255,255,.12);font-weight:700}.footer{padding:34px 0;border-top:1px solid rgba(255,255,255,.12);color:#a9bbc4}.footer-row{display:flex;justify-content:space-between;align-items:center;gap:20px}.footer img{height:46px}.footer-links{display:flex;gap:18px}.service-tabs{display:flex;gap:0;margin:28px 0 36px}.tab-btn{padding:14px 24px;border:1px solid rgba(255,255,255,.25);background:#061e2e;color:#fff;font-weight:800;cursor:pointer}.tab-btn.active{color:#f4c400;border-color:#f4c400}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service-card{border:1px solid rgba(255,255,255,.18);border-radius:8px;overflow:hidden;background:#082b3e;transition:.25s;cursor:pointer}.service-card:hover{transform:translateY(-5px);border-color:#f4c400}.service-card img{width:100%;height:190px;object-fit:cover}.service-card .body{padding:20px}.service-card h3{margin:0 0 8px;font-size:21px}.service-card p{color:#bac9d0;margin:0 0 14px}.more{color:#f4c400;font-weight:800}.panel-hidden{display:none}.modal{position:fixed;inset:0;background:rgba(0,0,0,.76);z-index:1000;display:none;align-items:center;justify-content:center;padding:20px}.modal.open{display:flex}.modal-card{max-width:980px;width:96vw;max-height:90vh;overflow:auto;background:#061f30;border:1px solid rgba(255,255,255,.23);border-radius:10px}.modal-card img{width:100%;height:380px;object-fit:cover}.modal-body{padding:30px}.modal-close{position:fixed;top:22px;right:28px;background:#f4c400;color:#031d2b;border:0;border-radius:50%;width:44px;height:44px;font-size:24px;font-weight:900;cursor:pointer}.mobile-toggle{display:none;background:none;border:0;color:#fff;font-size:26px;width:48px;height:48px;border-radius:8px;align-items:center;justify-content:center;cursor:pointer}.mobile-toggle:focus-visible,.btn:focus-visible,.navlinks a:focus-visible,.tab-btn:focus-visible,.contact-card:focus-visible,.service-card:focus-visible{outline:3px solid #f4c400;outline-offset:3px}section[id]{scroll-margin-top:96px}
@media(max-width:980px){
  .container{width:min(720px,92vw)}
  .navlinks{display:none;position:absolute;top:84px;left:0;right:0;background:rgba(3,28,43,.985);padding:22px 4vw 28px;flex-direction:column;align-items:stretch;gap:4px;border-bottom:1px solid rgba(255,255,255,.12);box-shadow:0 22px 35px rgba(0,0,0,.28)}
  .navlinks.open{display:flex}
  .navlinks a{display:flex;align-items:center;min-height:48px;padding:9px 8px;border-radius:6px;font-size:17px}
  .navlinks .btn{margin-top:8px;min-height:50px}
  .mobile-toggle{display:flex}
  .hero-grid,.drive-grid,.experience-grid,.process-strength{grid-template-columns:1fr}
  .hero{min-height:auto;padding:78px 0 72px;background-position:60% center}
  .hero-grid{gap:34px}
  .cap-card{margin-top:0;max-width:100%}
  .service-overview{grid-template-columns:1fr}
  .service-panel{min-height:440px}
  .drive-grid{gap:38px}
  .photo-frame img{height:420px}
  .steps{grid-template-columns:1fr 1fr;gap:12px}
  .steps-premium .step:after{display:none}
  .step{border:1px solid rgba(255,255,255,.17)}
  .logos{grid-template-columns:repeat(3,1fr)}
  .logo-card img{object-fit:contain;padding:10px;background:#f7f8f9}
  .contact-grid{grid-template-columns:1fr 1fr}
  .service-grid{grid-template-columns:1fr 1fr}
  .strength-metrics{border-left:0;border-top:1px solid rgba(255,255,255,.14)}
  .strength-image img{min-height:320px}
  .modal-card{width:min(94vw,760px)}
  .modal-card img{height:320px}
}
@media(max-width:640px){
  .container{width:calc(100% - 32px)}
  .nav{height:72px;gap:12px}
  .brand img{height:48px;max-width:190px;object-fit:contain}
  .navlinks{top:72px;padding:16px 16px 22px}
  .mobile-toggle{font-size:24px}
  .eyebrow{font-size:11px;letter-spacing:.13em;line-height:1.45}
  .hero{padding:58px 0 54px;background-position:57% center}
  .hero:before{background-size:38px 38px;opacity:.7}
  .hero-grid{gap:30px}
  .hero h1{font-size:clamp(42px,12vw,50px);line-height:1.01;margin:14px 0 20px;letter-spacing:-.045em}
  .hero p{font-size:17px;line-height:1.6;margin:0}
  .hero-actions{margin-top:24px;gap:10px;flex-direction:column;align-items:stretch}
  .btn{width:100%;min-height:50px;padding:13px 18px}
  .hero-proof{font-size:14px;margin-top:24px}
  .cap-card{padding:22px 20px}
  .cap-top{gap:12px;padding-bottom:20px}
  .cap-top strong{font-size:54px}
  .cap-top span{font-size:14px;padding-bottom:4px}
  .cap-item{grid-template-columns:34px 1fr;gap:10px;padding:18px 0}
  .cap-item b{font-size:16px}
  .cap-item small{font-size:12px;line-height:1.45}
  .section{padding:64px 0}
  .section h2{font-size:clamp(34px,10.5vw,43px);line-height:1.07;margin:12px 0 16px}
  .lead{font-size:17px;line-height:1.58}
  .service-overview{margin-top:30px;gap:16px}
  .service-panel{min-height:390px;padding:24px;background-position:center}
  .service-panel h3{font-size:27px;line-height:1.12}
  .service-panel p{font-size:15px;line-height:1.55}
  .chiprow{gap:8px;margin-top:18px}
  .chip{font-size:11px;padding:8px 12px}
  .drive-grid{gap:28px}
  .photo-frame{padding:4px}
  .photo-frame img{height:290px;object-position:center 48%}
  .feature{grid-template-columns:42px 1fr;gap:10px;padding:15px 0}
  .feature .n{font-size:18px}
  .feature b{font-size:17px}
  .feature span{font-size:14px;line-height:1.45}
  .steps{grid-template-columns:1fr;gap:10px;margin-top:32px}
  .step{min-height:0;padding:19px 18px}
  .step-top{margin-bottom:12px}
  .step-icon{width:44px;height:44px}
  .step .num{font-size:26px}
  .step h3{font-size:18px;margin-bottom:7px}
  .step p{font-size:14px;line-height:1.5}
  .process-strength{margin-top:20px}
  .strength-copy,.strength-metrics{padding:24px 20px}
  .strength-copy h3{font-size:24px}
  .strength-copy p{font-size:15px}
  .metric b:first-child{font-size:36px}
  .strength-image img{min-height:240px;max-height:300px;object-position:center}
  .experience-grid{gap:28px}
  .quote{font-size:20px;padding:26px 22px}
  .quote:before{font-size:60px}
  .logos{grid-template-columns:1fr 1fr;gap:10px;margin-top:30px}
  .logo-card{height:92px}
  .logo-card img{object-fit:contain;padding:10px;background:#f7f8f9}
  .contact-grid{grid-template-columns:1fr;gap:12px;margin-top:28px}
  .contact-card{min-height:0;padding:22px 20px}
  .contact-card .value{font-size:18px;overflow-wrap:anywhere}
  .contact-card .action{margin-top:15px}
  .service-tabs{overflow-x:auto;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;margin:22px -16px 30px;padding:0 16px 4px;scrollbar-width:none}
  .service-tabs::-webkit-scrollbar{display:none}
  .tab-btn{white-space:nowrap;min-height:48px;flex:0 0 auto}
  .service-grid{grid-template-columns:1fr;gap:14px}
  .service-card img{height:210px}
  .service-card .body{padding:18px}
  .service-card h3{font-size:20px}
  .modal{padding:12px}
  .modal-card{width:100%;max-height:88vh}
  .modal-card img{height:230px}
  .modal-body{padding:22px 18px}
  .modal-body h2{font-size:34px!important}
  .modal-close{top:12px;right:12px;width:46px;height:46px}
  .footer{padding:28px 0}
  .footer-row{flex-direction:column;align-items:flex-start;gap:18px}
  .footer img{height:44px}
  .footer-links{display:flex;flex-wrap:wrap;gap:10px 16px}
  .footer-links a{min-height:42px;display:flex;align-items:center}
  .legal-page{padding-top:54px}
  .legal-card{padding:24px 18px 6px}
  .legal-card h2{font-size:21px}
  .legal-card p,.legal-card li{font-size:16px;line-height:1.6}
}
@media(max-width:380px){
  .container{width:calc(100% - 26px)}
  .brand img{height:44px;max-width:170px}
  .hero h1{font-size:40px}
  .section h2{font-size:33px}
  .cap-card{padding:20px 17px}
  .service-panel{padding:21px;min-height:370px}
  .logos{grid-template-columns:1fr 1fr}
}
