
.remote-page{--g:var(--green,#35d11f);--gd:var(--green2,#248d19);--ink:#101510;--muted:#626b63;background:#f6f8f6;color:var(--ink)}
.remote-hero{padding:76px 0 72px;background:radial-gradient(circle at 82% 18%,rgba(53,209,31,.17),transparent 28%),linear-gradient(#fff,#f3f8f3);border-bottom:1px solid rgba(24,44,26,.08);overflow:hidden}.remote-hero-grid{display:grid;grid-template-columns:minmax(430px,.95fr) minmax(420px,1.05fr);align-items:center;gap:52px}.remote-eyebrow{margin:0 0 13px;color:var(--g);font-size:13px;font-weight:900;letter-spacing:1.7px}.remote-eyebrow.dark{color:var(--gd)}.remote-hero h1{margin:0 0 20px;font-size:clamp(44px,5.5vw,72px);line-height:1.01;letter-spacing:-2.4px}.remote-lead{margin:0;color:var(--muted);font-size:19px;line-height:1.65}.remote-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:29px}.remote-status{display:inline-flex;align-items:center;gap:10px;margin-top:24px;color:#475047;font-size:13px;font-weight:800}.remote-status span{width:10px;height:10px;border-radius:50%;background:var(--g);box-shadow:0 0 0 6px rgba(53,209,31,.1),0 0 18px rgba(53,209,31,.45)}.remote-hero-image img{display:block;width:100%;height:auto}.remote-intro{padding:65px 0 28px;background:#fff}.remote-intro-grid{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:55px}.remote-intro h2,.remote-heading h2,.remote-tools h2,.remote-cta h2{margin:0;font-size:clamp(32px,4vw,48px);line-height:1.08;letter-spacing:-1.4px}.remote-intro-grid>p,.remote-heading>p:last-child,.remote-tools-grid>div>p:last-child{margin:0;color:var(--muted);font-size:16px;line-height:1.7}
.remote-steps{padding:26px 0 82px;background:#fff}.remote-timeline{position:relative;display:grid;gap:30px}.remote-timeline:before{content:"";position:absolute;top:72px;bottom:72px;left:50%;width:2px;background:linear-gradient(transparent,rgba(53,209,31,.36) 8%,rgba(53,209,31,.36) 92%,transparent);transform:translateX(-50%)}.remote-step{position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:58px;min-height:390px;padding:32px;border:1px solid rgba(24,44,26,.1);border-radius:22px;background:#fff;box-shadow:0 18px 48px rgba(18,31,20,.07)}.remote-step.reverse .remote-step-image{order:2}.remote-step.reverse .remote-step-copy{order:1}.remote-number{position:absolute;z-index:3;top:50%;left:50%;width:48px;height:48px;display:grid;place-items:center;border:5px solid #fff;border-radius:50%;background:var(--gd);color:#fff;font-size:20px;font-weight:950;box-shadow:0 8px 22px rgba(53,209,31,.28);transform:translate(-50%,-50%)}.remote-step-image{overflow:hidden;border-radius:17px;background:#f3f7f3}.remote-step-image img{display:block;width:100%;height:auto}.remote-step-copy{padding:16px 20px}.remote-step-copy>span{display:block;margin-bottom:9px;color:var(--gd);font-size:11px;font-weight:900;letter-spacing:1.3px;text-transform:uppercase}.remote-step h3{margin:0 0 13px;font-size:clamp(27px,3vw,38px);line-height:1.1}.remote-step p{margin:0;color:var(--muted);line-height:1.7}.remote-step ul{display:grid;gap:9px;margin:19px 0 0;padding:0;list-style:none}.remote-step li{position:relative;padding-left:25px;font-size:14px;font-weight:700}.remote-step li:before{content:"✓";position:absolute;left:0;color:var(--gd);font-weight:950}
.remote-security{padding:76px 0;background:#f3f7f3}.remote-heading{max-width:760px;margin-bottom:30px}.remote-heading.center{margin-right:auto;margin-left:auto;text-align:center}.remote-heading.center>p:last-child{max-width:670px;margin:14px auto 0}.remote-card-grid{display:grid;gap:16px}.remote-card-grid.four{grid-template-columns:repeat(4,1fr)}.remote-card-grid.three{grid-template-columns:repeat(3,1fr)}.remote-card-grid article{padding:25px 22px;border:1px solid rgba(24,44,26,.09);border-radius:15px;background:#fff;box-shadow:0 12px 30px rgba(18,31,20,.055)}.remote-card-grid b{width:48px;height:48px;display:grid;place-items:center;margin-bottom:17px;border-radius:13px;background:rgba(53,209,31,.1);font-size:23px}.remote-card-grid h3{margin:0 0 8px;font-size:18px}.remote-card-grid p{margin:0;color:var(--muted);line-height:1.6}.remote-benefits{padding:78px 0;background:radial-gradient(circle at 88% 12%,rgba(53,209,31,.13),transparent 28%),#070a07;color:#fff}.remote-benefits .remote-heading h2,.remote-benefits h3{color:#fff}.remote-benefits .remote-card-grid article{border-color:rgba(255,255,255,.1);background:rgba(255,255,255,.045);box-shadow:none}.remote-benefits .remote-card-grid p{color:#cbd2cc}
.remote-tools{padding:76px 0;background:#fff}.remote-tools-grid{display:grid;grid-template-columns:minmax(380px,.95fr) minmax(420px,1.05fr);align-items:center;gap:55px}.remote-tools-grid>div>p:last-child{margin-top:17px}.remote-tool-list{display:grid;gap:14px}.remote-tool-list article{display:flex;align-items:center;gap:18px;padding:20px;border:1px solid rgba(24,44,26,.1);border-radius:15px;background:#fbfdfb;box-shadow:0 10px 28px rgba(18,31,20,.055)}.remote-tool-list i{width:62px;height:62px;display:grid;place-items:center;flex:0 0 auto;border-radius:15px;color:#fff;font-size:28px;font-style:normal;font-weight:950}.teamviewer{background:#0757a6}.anydesk{background:#e53935}.remote-tool-list h3{margin:0 0 5px;font-size:21px}.remote-tool-list p{margin:0;color:var(--muted);line-height:1.55}
.remote-faq{padding:78px 0;background:#f3f7f3}.remote-faq-grid{display:grid;grid-template-columns:minmax(330px,.8fr) minmax(480px,1.2fr);align-items:start;gap:55px}.remote-faq-list{display:grid;gap:10px}.remote-faq-list details{overflow:hidden;border:1px solid rgba(24,44,26,.1);border-radius:12px;background:#fff;box-shadow:0 8px 22px rgba(18,31,20,.045)}.remote-faq-list summary{position:relative;padding:19px 52px 19px 20px;font-weight:850;cursor:pointer;list-style:none}.remote-faq-list summary::-webkit-details-marker{display:none}.remote-faq-list summary:after{content:"+";position:absolute;top:50%;right:19px;color:var(--gd);font-size:24px;transform:translateY(-50%)}.remote-faq-list details[open] summary:after{content:"−"}.remote-faq-list details p{margin:0;padding:0 20px 20px;color:var(--muted);line-height:1.65}
.remote-cta{padding:58px 0;background:radial-gradient(circle at 82% 50%,rgba(53,209,31,.22),transparent 32%),#080b08;color:#fff}.remote-cta-inner{display:grid;grid-template-columns:1fr auto;align-items:center;gap:42px}.remote-cta h2{color:#fff}.remote-cta p:last-child{max-width:680px;margin:14px 0 0;color:#cbd2cc;line-height:1.65}.remote-cta .remote-actions{justify-content:flex-end;margin-top:0}
@media(max-width:1080px){.remote-hero-grid,.remote-tools-grid,.remote-faq-grid{grid-template-columns:1fr}.remote-timeline:before{left:26px}.remote-step,.remote-step.reverse{grid-template-columns:1fr;gap:24px;padding-left:72px}.remote-step.reverse .remote-step-image,.remote-step.reverse .remote-step-copy{order:initial}.remote-number{left:26px}.remote-card-grid.four{grid-template-columns:repeat(2,1fr)}.remote-cta-inner{grid-template-columns:1fr}.remote-cta .remote-actions{justify-content:flex-start}}
@media(max-width:760px){.remote-hero{padding:57px 0 52px}.remote-hero h1{font-size:43px}.remote-lead{font-size:17px}.remote-intro{padding-top:50px}.remote-intro-grid{grid-template-columns:1fr;gap:18px}.remote-step,.remote-step.reverse{padding:21px 17px 21px 62px;border-radius:16px}.remote-timeline:before,.remote-number{left:22px}.remote-number{width:42px;height:42px;border-width:4px;font-size:17px}.remote-step-copy{padding:6px 2px}.remote-card-grid.four,.remote-card-grid.three{grid-template-columns:1fr}.remote-actions{flex-direction:column}.remote-actions .btn{width:100%;justify-content:center;text-align:center}}

/* Typographie Montserrat — tailles harmonisées uniquement */
.remote-premium-page,
.remote-premium-page button,
.remote-premium-page input,
.remote-premium-page select,
.remote-premium-page textarea {
  font-family: 'Montserrat', sans-serif;
}

.remote-hero h1,
.remote-intro h2,
.remote-heading h2,
.remote-tools h2,
.remote-cta h2 {
  font-size: 30px;
  line-height: 1.2;
  font-weight: 700;
  letter-spacing: -0.4px;
}

.remote-lead,
.remote-intro-grid > p,
.remote-heading > p:last-child,
.remote-tools-grid > div > p:last-child,
.remote-step p,
.remote-card-grid p,
.remote-tool-list p,
.remote-faq-list details p,
.remote-cta p:last-child {
  font-size: 16px;
  line-height: 1.75;
  font-weight: 400;
}

.remote-step h3,
.remote-card-grid h3,
.remote-tool-list h3 {
  font-size: 20px;
  line-height: 1.3;
  font-weight: 700;
}

@media (max-width: 760px) {
  .remote-hero h1,
  .remote-intro h2,
  .remote-heading h2,
  .remote-tools h2,
  .remote-cta h2 {
    font-size: 30px;
  }

  .remote-lead {
    font-size: 16px;
  }
}

.inline-security{
    display:inline;
    white-space:nowrap;
}

@media (max-width:900px){
    .inline-security{
        white-space:normal;
    }
}