/*
Theme Name: StarLine Pro
Author: StarLine France
Description: La sécurité StarLine pour les utilitaires, les artisans et les petites flottes.
Version: 1.0.0
Requires PHP: 7.4
Text Domain: starline-utilitaires
*/
:root{--navy:#081e2b;--green:#a7e46e;--paper:#f7f7f0;--muted:#63717a;--line:#d9dfdb;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--navy);font:16px/1.65 Arial,Helvetica,sans-serif}a{color:inherit}img{max-width:100%;display:block}button,input,textarea,select{font:inherit}button,a,input,textarea,select{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #5b9c24;outline-offset:5px}.skip{position:absolute;left:20px;top:-90px;z-index:100;background:white;padding:12px}.skip:focus{top:10px}.wrap{width:min(1240px,calc(100% - 64px));margin:auto}.topbar{background:var(--navy);color:#dce8e7;font-size:11px;letter-spacing:1.6px;text-transform:uppercase;padding:8px 0}.topbar .wrap{display:flex;justify-content:space-between}.topbar a{text-decoration:none}.header{position:sticky;top:0;z-index:20;background:rgba(247,247,240,.98);border-bottom:1px solid var(--line)}.nav{display:flex;align-items:center;justify-content:space-between;min-height:88px;gap:24px}.brand{text-decoration:none;line-height:1;flex-shrink:0}.brand strong{font-size:34px;letter-spacing:-2px}.brand strong span{color:#427428}.brand small{display:block;font-size:9px;letter-spacing:2.5px;margin-top:9px}.links{display:flex;align-items:center;gap:25px}.links a{text-decoration:none;font-size:13px;font-weight:600}.links a[aria-current=page]{border-bottom:2px solid #47772b}.btn{display:inline-flex;align-items:center;justify-content:center;gap:22px;background:var(--green);color:var(--navy);border:1px solid transparent;padding:15px 24px;text-decoration:none;font-size:13px;font-weight:700;cursor:pointer;transition:background .2s,transform .2s}.btn:hover{background:#bcec89;transform:translateY(-2px)}.btn.outline{background:transparent;border-color:currentColor}.btn.outline:hover{background:#ffffff12}.menu-button{display:none;background:transparent;border:1px solid var(--line);padding:8px 12px}.hero{min-height:710px;position:relative;color:white;background:var(--navy);display:flex;align-items:center;overflow:hidden}.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:65% 58%}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,20,31,.94),rgba(4,20,31,.66) 45%,rgba(4,20,31,.08))}.hero .wrap{position:relative;z-index:1;padding:95px 0 100px}.eyebrow{font-size:11px;letter-spacing:2.6px;text-transform:uppercase;font-weight:700;margin:0 0 20px;display:block}.hero .eyebrow{color:var(--green)}h1,h2,h3{font-weight:500;line-height:1.1;letter-spacing:-1.8px;margin:0 0 24px}h1{font-size:clamp(42px,5.7vw,76px);max-width:810px}h2{font-size:clamp(32px,4vw,53px)}h3{font-size:27px;letter-spacing:-.8px}.hero p{max-width:470px;color:#d9e2e1;font-size:17px}.actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:32px}.hero-note{display:flex;gap:28px;font-size:11px;margin-top:50px;color:#e4e9e6}.hero-note span:before{content:'+';color:var(--green);font-weight:700;margin-right:8px}.ribbon{border-bottom:1px solid var(--line)}.ribbon .wrap{display:grid;grid-template-columns:repeat(4,1fr);padding:27px 0;gap:26px}.ribbon strong{font-size:14px;display:block}.ribbon small{font-size:11px;color:var(--muted)}section{padding:100px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:42px}.section-head h2{max-width:730px;margin:0}.section-head p{max-width:350px;color:var(--muted);margin:0}.grid{display:grid;gap:24px}.grid.two{grid-template-columns:1fr 1fr}.grid.three{grid-template-columns:repeat(3,1fr)}.vehicle{position:relative;min-height:450px;overflow:hidden;color:white;background:var(--navy);text-decoration:none;display:flex;align-items:end;padding:38px}.vehicle img{position:absolute;inset:0;height:100%;width:100%;object-fit:cover;transition:transform .6s}.vehicle:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 15%,rgba(5,22,33,.93))}.vehicle:hover img{transform:scale(1.035)}.vehicle>div{position:relative;z-index:1}.vehicle p{font-size:14px;max-width:340px;color:#e0e7e4}.text-link{text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:5px;font-size:12px;font-weight:700}.dark{background:var(--navy);color:var(--paper)}.dark p{color:#bbccce}.feature{padding:30px 0;border-top:1px solid #ffffff30}.number{font-size:12px;font-weight:700;color:#447a2b;letter-spacing:2px;display:block;margin-bottom:35px}.dark .number{color:var(--green)}.feature p{font-size:14px}.split{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.photo{width:100%;height:570px;object-fit:cover}.ticks{list-style:none;padding:0}.ticks li{padding:15px 0;border-bottom:1px solid var(--line);font-size:14px}.ticks li:before{content:'✓';margin-right:15px;color:#447a2b}.pack{border:1px solid var(--line);padding:36px;background:white;display:flex;flex-direction:column}.pack.featured{background:var(--navy);color:white;border-color:var(--navy)}.pack .eyebrow{color:#49772b}.pack.featured .eyebrow{color:var(--green)}.pack p{font-size:14px;color:var(--muted)}.pack.featured p{color:#bed0d0}.pack .btn{margin-top:auto}.pack ul{padding-left:18px;font-size:14px;margin:15px 0 30px}.pack li{margin-bottom:9px}.badge{border:1px solid #ffffff45;padding:5px 9px;font-size:10px;letter-spacing:1px;display:inline-block;margin-bottom:25px;align-self:start}.small{font-size:12px;color:var(--muted)}.steps{counter-reset:steps}.step{border-top:1px solid var(--line);padding-top:24px}.step .number{margin-bottom:22px}.step p{font-size:14px;color:var(--muted)}.cta{background:var(--green);padding:75px 0}.cta .wrap{display:flex;align-items:center;justify-content:space-between;gap:40px}.cta h2{max-width:720px;margin-bottom:15px}.cta .btn{background:var(--navy);color:white;flex-shrink:0}.faq{max-width:900px}.faq details{border-bottom:1px solid var(--line);padding:23px 0}.faq summary{font-size:18px;font-weight:600;cursor:pointer;padding-right:25px}.faq details p{color:var(--muted);max-width:780px}.footer{background:#051722;color:#c5d2d4;padding:65px 0 25px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:70px}.footer .brand{color:white}.footer p{max-width:350px;font-size:13px}.footer h3{font-size:14px;letter-spacing:0;color:white}.footer ul{list-style:none;padding:0;font-size:13px}.footer li{margin:9px 0}.footer a{text-decoration:none}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #ffffff20;padding-top:24px;margin-top:55px;font-size:10px}.page-hero{padding:78px 0 85px;background:var(--navy);color:white}.page-hero p{max-width:700px;color:#c4d4d6;font-size:18px}.page-hero .eyebrow{color:var(--green)}.breadcrumb{font-size:11px;color:#bacbcd;margin-bottom:40px}.prose{max-width:920px}.prose>p{color:var(--muted)}.prose h2{margin-top:65px;font-size:38px}.prose h3{margin-top:35px}.prose li{margin-bottom:10px}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.contact-card{background:var(--navy);padding:38px;color:white;align-self:start}.contact-card p{color:#bdd0d1}.contact-card a{color:var(--green)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.form-grid label{font-size:13px;font-weight:700;display:block}.form-grid input,.form-grid select,.form-grid textarea{width:100%;padding:13px;background:white;border:1px solid #c6d0ce;margin-top:8px;border-radius:0;color:var(--navy)}.form-grid .full{grid-column:1/-1}.consent{font-size:12px;display:flex;gap:12px;align-items:start;margin:25px 0}.consent input{margin-top:5px;flex-shrink:0}.notice{padding:16px;border:1px solid #4c7c2c;background:#edf8e6;margin-bottom:25px}.notice.error{border-color:#b43636;background:#fff0ef}.hp{position:absolute;left:-9999px}.sticky-call{display:none}.privacy-note{font-size:12px;color:var(--muted)}.comparison{width:100%;border-collapse:collapse;font-size:14px}.comparison th,.comparison td{text-align:left;border-bottom:1px solid var(--line);padding:17px 15px;vertical-align:top}.comparison th{background:#eaf0e8}.table-scroll{overflow-x:auto}.back-link{display:inline-block;margin:35px 0}.error-page{text-align:center;padding:150px 0}.credit{font-size:10px;color:#bbc6c9}body.admin-bar .header{top:32px}@media(max-width:1050px){.links{gap:15px}.nav .btn{padding:12px}.links a{font-size:11px}.split{gap:40px}.wrap{width:calc(100% - 44px)}.hero{min-height:650px}}@media(max-width:800px){.topbar .wrap span:nth-child(2){display:none}.nav{min-height:76px}.brand strong{font-size:30px}.menu-button{display:block}.links{display:none;position:absolute;left:0;right:0;top:76px;background:var(--paper);padding:26px;box-shadow:0 10px 20px #081e2b15;align-items:stretch;flex-direction:column}.links.open{display:flex}.links a{font-size:15px;padding:9px 0}.links .btn{padding:14px}.hero{min-height:650px}.hero .wrap{padding:80px 0}.hero:after{background:linear-gradient(90deg,#04141fe8,#04141f80)}.hero-note{flex-direction:column;gap:9px;margin-top:35px}.ribbon .wrap{grid-template-columns:1fr 1fr;gap:20px}.grid.two,.grid.three,.split,.contact-grid{grid-template-columns:1fr}.section-head{display:block}.section-head p{margin-top:20px}.split{gap:35px}section{padding:65px 0}.vehicle{min-height:380px}.photo{height:420px}.cta .wrap{display:block}.cta .btn{margin-top:20px}.footer-grid{grid-template-columns:1fr 1fr;gap:30px}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{flex-direction:column}.form-grid{grid-template-columns:1fr}.page-hero{padding:55px 0}.sticky-call{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:25;background:var(--green);color:var(--navy);justify-content:center;text-decoration:none;padding:13px;font-weight:700;font-size:13px;border-top:1px solid #639746}body{padding-bottom:48px}body.admin-bar .header{top:46px}.comparison{min-width:560px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.hero .btn.outline{color:#fff}.topbar a{white-space:nowrap}.topbar .wrap{gap:16px}

.hero h1{font-size:clamp(42px,5.2vw,70px);max-width:560px}.hero-image{object-position:center}.hero p{max-width:450px}.vehicle{display:block;padding:0;min-height:0}.vehicle img{position:relative;height:auto;width:100%;object-fit:contain}.vehicle:after{display:none}.vehicle>div{padding:32px 36px}.vehicle p{max-width:100%}.page-photo{width:100%;height:auto;margin-bottom:44px}.dark .step p{color:#bbccce}.faq-page{max-width:900px}.hero:after{background:linear-gradient(90deg,#04141ff2,#04141fb8 38%,#04141f18 75%)}@media(max-width:800px){.hero{display:block;padding:0;min-height:0}.hero-image{position:relative;height:auto;object-fit:contain}.hero:after{display:none}.hero .wrap{padding:42px 0 48px}.hero h1{font-size:44px}.hero-note{margin-top:30px}.vehicle>div{padding:28px}.photo{height:auto}.hero .actions .btn{width:100%}.prose h2{font-size:32px}}
