/* À Ton Service Conciergerie, habillage aligné sur location.atonservice971.com (v2609) */
:root{--navy:#063445;--navy-2:#0d4a5e;--txt:#12303b;--soft:#61757c;--orange:#ff5708;--orange-2:#ff7a3a;--aqua:#27b5b1;--aqua-l:#e3f5f4;--peach:#ffeadf;--mist:#f2f6f7;--bg:#fbfcfc;--line:rgba(6,52,69,.10);--font:'Urbanist',-apple-system,'Segoe UI',Arial,sans-serif;--ease:cubic-bezier(.22,.8,.2,1);--r:28px;--r-s:18px;--max:1320px;--sh:0 30px 60px -30px rgba(6,52,69,.28),0 8px 18px -10px rgba(6,52,69,.12)}
html{scroll-behavior:smooth;scroll-padding-top:110px}
body{margin:0;background:var(--bg);color:var(--txt);font-family:var(--font);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body *{box-sizing:border-box}
dialog,dialog *{font-family:var(--font)!important}
.c-bg{position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(60% 50% at 0% 0%,rgba(39,181,177,.10),transparent 70%),radial-gradient(50% 45% at 100% 0%,rgba(255,87,8,.08),transparent 70%)}
.skip{position:absolute;left:-999px;top:8px;background:var(--navy);color:#fff;padding:8px 14px;border-radius:10px;z-index:99}
.skip:focus{left:12px}
.c-wrap{width:min(var(--max),100% - 32px);margin-inline:auto}
img{max-width:100%;display:block}
a{color:inherit}
h1,h2,h3,h4{margin:0;color:var(--navy);letter-spacing:-.02em}
h1,h2{font-weight:300;line-height:1.02}
h1 strong,h2 strong{font-weight:800}
h1 strong{color:var(--aqua)}
.c-top{position:sticky;top:0;z-index:50;padding:12px 16px 0}
.c-nav{max-width:1180px;margin:0 auto;display:flex;align-items:center;gap:18px;background:rgba(255,255,255,.92);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:999px;padding:8px 8px 8px 14px;box-shadow:0 14px 34px -22px rgba(6,52,69,.35)}
.c-brand{display:flex;align-items:center;gap:10px;text-decoration:none;min-width:0}
.c-brand img{width:38px;height:38px;border-radius:10px}
.c-brand b{display:block;font-size:17px;font-weight:700;color:var(--navy);line-height:1.1}
.c-brand small{display:block;font-size:11.5px;color:var(--soft);white-space:nowrap}
.c-links{display:none}
.c-actions{margin-left:auto;display:flex;align-items:center;gap:8px}
.c-actions .c-pill-line{display:none}
.c-actions .c-pill-orange{display:none}
.c-burger{width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:#fff;display:grid;place-content:center;gap:5px;cursor:pointer}
.c-burger span{display:block;width:18px;height:2px;background:var(--navy);border-radius:2px;transition:transform .3s var(--ease)}
.c-burger[aria-expanded="true"] span:first-child{transform:translateY(3.5px) rotate(45deg)}
.c-burger[aria-expanded="true"] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}
.c-links.open{display:flex;flex-direction:column;position:absolute;left:16px;right:16px;top:74px;background:#fff;border:1px solid var(--line);border-radius:var(--r-s);padding:10px;box-shadow:var(--sh)}
.c-links a{text-decoration:none;font-weight:600;font-size:16px;color:var(--navy);padding:12px 14px;border-radius:12px}
.c-links a:hover{background:var(--mist)}
.c-links-espace{color:var(--orange)!important}
@media(min-width:1040px){
  .c-links{display:flex;gap:4px;margin-left:auto}
  .c-links a{font-size:15px;padding:10px 14px}
  .c-links-espace{display:none}
  .c-actions{margin-left:0}
  .c-actions .c-pill-line,.c-actions .c-pill-orange{display:inline-flex}
  .c-burger{display:none}
}
.c-pill{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;padding:11px 20px;font:600 15px/1.2 var(--font);text-decoration:none;cursor:pointer;border:1px solid transparent;transition:transform .25s var(--ease),box-shadow .25s var(--ease),background .25s}
.c-pill:hover{transform:translateY(-1px)}
.c-pill-orange{background:var(--orange);color:#fff;box-shadow:0 12px 24px -12px rgba(255,87,8,.7)}
.c-pill-orange:hover{background:#ee4c00}
.c-pill-line{background:#fff;color:var(--navy);border-color:var(--line)}
.c-pill-navy{background:var(--navy);color:#fff}
.c-pill-lg{padding:15px 26px;font-size:16px}
.c-more{appearance:none;border:0;background:none;padding:0;font:700 15px var(--font);color:var(--orange);cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:6px}
.c-more::after{content:"";width:18px;height:2px;background:currentColor;border-radius:2px;transition:width .25s var(--ease)}
.c-more:hover::after{width:28px}
.c-chip{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:6px 14px 6px 8px;font-size:13.5px;font-weight:600;color:var(--navy);margin-bottom:18px}
.c-chip i{width:20px;height:20px;border-radius:50%;background:var(--aqua-l);position:relative}
.c-chip i::after{content:"";position:absolute;inset:6px;border-radius:50%;background:var(--aqua)}
.c-chip-dark{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2);color:#fff}
.c-hero{display:grid;gap:34px;padding:48px 0 30px;align-items:center}
.c-hero h1{font-size:clamp(40px,7.4vw,82px)}
.c-lead{font-size:18px;color:var(--soft);max-width:560px;margin:22px 0 28px}
.c-cta{display:flex;flex-wrap:wrap;gap:10px}
.c-discret{display:inline-block;margin-top:22px;font-size:14px;color:var(--soft);text-decoration:underline;text-underline-offset:4px;text-decoration-color:rgba(6,52,69,.25)}
.c-discret:hover{color:var(--navy)}
.c-hero-img{margin:0;border-radius:var(--r);overflow:hidden;box-shadow:var(--sh);aspect-ratio:588/466}
.c-hero-img img{width:100%;height:100%;object-fit:cover}
@media(min-width:960px){.c-hero{grid-template-columns:1.15fr .85fr;padding:70px 0 40px;gap:56px}.c-hero-img{max-width:560px;justify-self:end}}
.c-band{overflow:hidden;padding:18px 0;margin:10px 0 0}
.c-band-in{display:flex;gap:10px;width:max-content;animation:c-defile 42s linear infinite}
.c-band span{white-space:nowrap;background:#fff;border:1px solid var(--line);border-radius:999px;padding:10px 20px;font-weight:600;font-size:15px;color:var(--navy);display:flex;align-items:center;gap:10px}
.c-band span::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--orange)}
@keyframes c-defile{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.c-band-in{animation:none}}
.c-sec{padding:70px 0}
.c-sec h2{font-size:clamp(34px,5.4vw,60px);max-width:900px}
.c-intro{color:var(--soft);font-size:18px;max-width:680px;margin:18px 0 36px}
.c-grid3{display:grid;gap:18px}
@media(min-width:760px){.c-grid3{grid-template-columns:repeat(3,1fr)}}
.c-card{background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;box-shadow:var(--sh);display:flex;flex-direction:column;transition:transform .35s var(--ease)}
.c-card:hover{transform:translateY(-4px)}
.c-card-img{aspect-ratio:321/189;overflow:hidden}
.c-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}
.c-card:hover .c-card-img img{transform:scale(1.04)}
.c-card-txt{padding:24px 24px 26px;display:flex;flex-direction:column;gap:10px;flex:1}
.c-card-txt h3{font-size:23px;font-weight:700}
.c-card-txt p{margin:0;color:var(--soft);font-size:16px;flex:1}
.c-method{background:#fff;border:1px solid var(--line);border-radius:calc(var(--r) + 8px);padding:48px 22px;box-shadow:var(--sh)}
.c-method-grid{display:grid;gap:26px;margin-top:34px}
.c-method-grid div{border-top:2px solid var(--aqua-l);padding-top:18px}
.c-method-grid h3{font-size:20px;font-weight:700;margin-bottom:6px}
.c-method-grid p{margin:0;color:var(--soft);font-size:16px}
@media(min-width:760px){.c-method{padding:60px 56px}.c-method-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1100px){.c-method-grid{grid-template-columns:repeat(4,1fr)}}
.c-opt{background:linear-gradient(180deg,#fff,var(--mist));border:1px solid var(--line);border-radius:var(--r);padding:28px 26px;display:flex;flex-direction:column;gap:12px}
.c-opt-tag{align-self:flex-start;font-size:12.5px;font-weight:700;letter-spacing:.04em;color:var(--navy-2);background:var(--aqua-l);border-radius:999px;padding:5px 12px}
.c-opt h3{font-size:24px;font-weight:700}
.c-opt p{margin:0;color:var(--soft);font-size:16px;flex:1}
.c-sim{background:var(--navy);border-radius:calc(var(--r) + 8px);overflow:hidden;display:grid;color:#fff;box-shadow:var(--sh)}
.c-sim-txt{padding:44px 26px}
.c-sim h2{color:#fff}
.c-sim h2 strong{color:var(--orange-2)}
.c-sim p{color:rgba(255,255,255,.8);font-size:18px;margin:18px 0 28px;max-width:520px}
.c-sim small{display:block;margin-top:14px;color:rgba(255,255,255,.6);font-size:14px}
.c-sim-img{margin:0;min-height:240px}
.c-sim-img img{width:100%;height:100%;object-fit:cover}
@media(min-width:960px){.c-sim{grid-template-columns:1fr 1fr}.c-sim-txt{padding:64px 56px}}
.c-plat{text-align:center}
.c-plat h2,.c-plat .c-intro{margin-inline:auto}
.c-logos{display:flex;flex-wrap:wrap;justify-content:center;gap:18px 34px;align-items:center;margin:10px 0 26px}
.c-logos img{height:30px;width:auto}
.c-plat-note{color:var(--soft);font-size:15px;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;align-items:center}
.c-plat-note img{height:26px;width:auto;display:inline-block}
.c-plat-note a{color:var(--navy);font-weight:700}
.c-espace{background:linear-gradient(120deg,var(--aqua-l),var(--peach));border-radius:calc(var(--r) + 8px);padding:44px 26px;display:grid;gap:26px;align-items:center}
.c-espace p{color:var(--txt);font-size:18px;margin:18px 0 0;max-width:640px}
.c-espace-cta small{display:block;margin-top:10px;color:var(--soft);font-size:14px}
@media(min-width:960px){.c-espace{grid-template-columns:1.4fr .6fr;padding:60px 56px}.c-espace-cta{justify-self:end;text-align:center}}
.c-contact{display:grid;gap:34px}
.c-contact-info p{color:var(--soft);font-size:18px;margin:18px 0 26px}
.c-coords{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.c-coords li{background:#fff;border:1px solid var(--line);border-radius:var(--r-s);padding:14px 18px;display:flex;flex-direction:column;font-weight:600;color:var(--navy)}
.c-coords span{font-size:12.5px;font-weight:600;color:var(--soft);text-transform:uppercase;letter-spacing:.08em}
.c-coords a{text-decoration:none;color:var(--navy)}
.c-coords a:hover{color:var(--orange)}
.c-form{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:26px 22px;box-shadow:var(--sh);display:grid;gap:14px}
.c-f2{display:grid;gap:14px}
@media(min-width:640px){.c-f2{grid-template-columns:1fr 1fr}.c-form{padding:34px}}
.c-form label{display:grid;gap:6px;font-size:14px;font-weight:600;color:var(--navy)}
.c-form input:not([type=checkbox]),.c-form select,.c-form textarea{width:100%;font:500 16px var(--font);color:var(--txt);background:var(--mist);border:1px solid transparent;border-radius:14px;padding:13px 14px;outline:none;transition:border .2s,background .2s}
.c-form input:focus,.c-form select:focus,.c-form textarea:focus{border-color:var(--aqua);background:#fff}
.c-form .c-check{display:flex;gap:10px;align-items:flex-start;font-weight:500;color:var(--soft);font-size:13.5px}
.c-check input{margin-top:3px;accent-color:var(--orange)}
.c-form-msg{margin:0;font-weight:600;min-height:1em}
.c-form-msg.ok{color:#0f7a5a}.c-form-msg.ko{color:#c0392b}
@media(min-width:960px){.c-contact{grid-template-columns:.85fr 1.15fr;gap:56px}}
.c-foot{background:var(--navy);color:rgba(255,255,255,.8);margin-top:40px;border-radius:40px 40px 0 0;padding:60px 0 24px}
.c-foot-in{display:grid;gap:30px}
.c-brand-light b{color:#fff}.c-brand-light small{color:rgba(255,255,255,.6)}
.c-foot-brand p{margin:16px 0 0;font-size:15px;max-width:340px}
.c-foot h4{color:#fff;font-size:14px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:12px}
.c-foot-in > div:not(.c-foot-brand){display:flex;flex-direction:column;gap:8px}
.c-foot a,.c-foot button{color:rgba(255,255,255,.8);text-decoration:none;font:500 15px var(--font);background:none;border:0;padding:0;cursor:pointer;text-align:left}
.c-foot a:hover,.c-foot button:hover{color:#fff}
.c-foot-legal{border-top:1px solid rgba(255,255,255,.12);margin-top:40px;padding-top:20px;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;font-size:14px}
.c-foot-legal span:last-child{display:flex;flex-wrap:wrap;gap:16px}
.c-foot-legal a,.c-foot-legal button{font-size:14px}
@media(min-width:900px){.c-foot-in{grid-template-columns:1.4fr 1fr 1fr 1.2fr}}
.c-rv{opacity:0;transform:translateY(22px);transition:opacity .8s var(--ease),transform .8s var(--ease)}
.c-rv.c-vu{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.c-rv{opacity:1;transform:none}}

/* police unique */
body,body h1,body h2,body h3,body h4,body p,body button,body input,body select,body textarea,body a{font-family:var(--font)!important}
body h1,body h2{letter-spacing:-.03em}