/* ═══════════════════════════════════════════════════════════
   VARIABLES & RESET
═══════════════════════════════════════════════════════════ */
.outil{
  --dark:#06101e;--dark2:#0b1728;
  --text:#0f172a;--muted:#64748b;--line:#e8edf5;--soft:#f8fafc;--white:#fff;
  --pink:#d4af7c;--pink2:#D4AF7C;--pink3:#D4AF7C;
  --violet:#D4AF7C;--green:#D4AF7C;--green2:#16a34a;
  --g-blue:#d4af7c;--g-red:#b9925a;--g-yellow:#e2c59b;--g-green:#d4af7c;
  --shadow:0 24px 70px rgba(15,23,42,.10);--shadow2:0 16px 42px rgba(15,23,42,.07);
  --grd:linear-gradient(135deg,#D4AF7C 0%,#D4AF7C 48%,#D4AF7C 100%);
}
.outil *,.outil *::before,.outil *::after{box-sizing:border-box;margin:0;padding:0}
.outil{scroll-behavior:smooth}
.outil{font-family:'Inter',system-ui,sans-serif;color:var(--text);background:#fff;overflow-x:hidden;line-height:1.6}
.outil a{color:inherit}
.outil .container{width:min(1180px,calc(100% - 40px));margin:0 auto}

/* ═══════════════════════════════════════════════════════════
   BUTTONS
═══════════════════════════════════════════════════════════ */
.outil .btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:13px 22px;border-radius:999px;text-decoration:none;font-weight:700;border:1px solid transparent;cursor:pointer;font-family:inherit;font-size:15px;transition:.18s ease;white-space:nowrap}
.outil .btn-primary{background:linear-gradient(135deg,#d4af7c,#D4AF7C);color:#fff;box-shadow:0 14px 32px rgba(219,39,119,.26)}
.outil .btn-primary:hover{transform:translateY(-1px);box-shadow:0 20px 44px rgba(219,39,119,.32)}
.outil .btn-outline{background:#fff;color:#0f172a;border:1px solid var(--line);box-shadow:var(--shadow2)}
.outil .btn-outline:hover{border-color:var(--pink3);background:#F5F5F5}
.outil .btn-lg{padding:16px 34px;font-size:17px}
.outil .btn-sm{min-height:38px;padding:8px 18px;font-size:13px}
.outil .google-g{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#fff;font-weight:900;font-size:16px;color:#d4af7c;border:1px solid #e5e7eb;flex:0 0 auto}

/* ═══════════════════════════════════════════════════════════
   NAVIGATION
═══════════════════════════════════════════════════════════ */
@media(max-width:1040px){}

/* ═══════════════════════════════════════════════════════════
   HERO
═══════════════════════════════════════════════════════════ */
.outil .hero{
  position:relative;overflow:hidden;
  background:
    radial-gradient(circle at 12% 0%,rgba(219,39,119,.22),transparent 32%),
    radial-gradient(circle at 88% 5%,rgba(192,132,252,.18),transparent 30%),
    linear-gradient(180deg,#060f1c 0%,#0d1b30 52%,#f8fafc 52%,#f8fafc 100%);
  padding:72px 0 0;
}
/* grid overlay */
.outil .hero::before{content:'';position:absolute;inset:0 0 48% 0;pointer-events:none;z-index:0;
  background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:60px 60px}
.outil .hero .container{position:relative;z-index:2}
.outil .hero-inner{display:grid;grid-template-columns:1.1fr .9fr;gap:42px;align-items:center;padding-bottom:52px}
.outil .hero-copy{color:#fff}
.outil .kicker{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.14);color:#fce7f3;font-size:12px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;border-radius:999px;margin-bottom:18px}
.outil .hero h1{font-size:clamp(36px,4.8vw,66px);line-height:.96;letter-spacing:-.06em;margin-bottom:18px;color:#fff}
.outil .hero h1 strong{background:var(--grd);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.outil .hero p{font-size:18px;line-height:1.68;color:#c8d5e8;margin-bottom:26px;max-width:520px}
.outil .hero-pills{display:flex;gap:10px;flex-wrap:wrap}
.outil .hero-pill{display:inline-flex;align-items:center;gap:7px;color:#dbeafe;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);padding:8px 12px;border-radius:999px;font-size:12px;font-weight:600}

/* Hero dark frame */
.outil .hero-frame{
  background:linear-gradient(135deg,rgba(5,12,24,.95) 0%,rgba(10,21,40,.88) 100%);
  border:1px solid rgba(255,255,255,.14);
  border-left:3px solid rgba(236,72,153,.55);
  box-shadow:0 32px 80px rgba(2,6,23,.42),0 0 0 1px rgba(255,255,255,.04);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  padding:34px 38px;
  position:relative;
  overflow:hidden;
}
.outil .hero-frame::before{
  content:"";position:absolute;top:0;left:0;right:0;height:2px;
  background:linear-gradient(90deg,#d4af7c 0 25%,#b9925a 25% 50%,#e2c59b 50% 75%,#d4af7c 75% 100%);
}
.outil .hero-frame::after{
  content:"";position:absolute;bottom:-80px;right:-80px;width:220px;height:220px;
  background:radial-gradient(circle,rgba(236,72,153,.08),transparent 70%);
  pointer-events:none;
}

/* Hero preview card */
.outil .roi-preview{background:#fff;border:1px solid var(--line);border-radius:0;box-shadow:0 34px 90px rgba(15,23,42,.28);padding:22px;position:relative;overflow:hidden}
.outil .roi-preview::before{content:"";position:absolute;inset:0 0 auto 0;height:5px;background:linear-gradient(90deg,#d4af7c 0 25%,#b9925a 25% 50%,#e2c59b 50% 75%,#d4af7c 75% 100%)}
.outil .rp-label{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#64748b;margin:10px 0 14px}
.outil .rp-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.outil .rp-card{background:var(--soft);border:1px solid var(--line);border-radius:0;padding:14px}
.outil .rp-card b{display:block;font-size:28px;font-weight:900;letter-spacing:-.04em;color:#202124;line-height:1;margin-bottom:4px}
.outil .rp-card span{display:block;font-size:12px;color:#64748b}
.outil .rp-card.hot b{background:var(--grd);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-size:30px}

/* ═══════════════════════════════════════════════════════════
   SIMULATOR SHELL
═══════════════════════════════════════════════════════════ */
.outil .sim-bg{background:var(--soft);padding:0 0 72px}
.outil .sim-shell{background:#fff;border:1px solid var(--line);border-radius:32px;box-shadow:var(--shadow);overflow:hidden;margin-top:-24px;position:relative;z-index:10}
.outil .sim-top-bar{height:5px;background:linear-gradient(90deg,#d4af7c 0 25%,#b9925a 25% 50%,#e2c59b 50% 75%,#d4af7c 75% 100%)}

/* Steps */
.outil .step-wrap{padding:36px 42px;border-bottom:1px solid var(--line)}
.outil .step-wrap:last-child{border-bottom:0}
.outil .step-num{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#d4af7c;margin-bottom:12px}
.outil .step-num span{width:22px;height:22px;border-radius:50%;background:#eff6ff;border:1px solid #bfdbfe;display:grid;place-items:center;font-size:11px;font-weight:900;color:#d4af7c}
.outil .step-title{font-size:clamp(20px,2.4vw,28px);font-weight:800;letter-spacing:-.04em;color:#0f172a;margin-bottom:6px}
.outil .step-sub{font-size:15px;color:#64748b;line-height:1.6;margin-bottom:22px}

/* Search bar */
.outil .search-row{display:flex;align-items:center;gap:0;height:58px;border:1.5px solid #dadce0;border-radius:999px;box-shadow:0 3px 12px rgba(60,64,67,.10);background:#fff;overflow:hidden;transition:.2s}
.outil .search-row:focus-within{border-color:#d4af7c;box-shadow:0 0 0 3px rgba(66,133,244,.12),0 4px 14px rgba(60,64,67,.10)}
.outil .search-ico{width:54px;display:grid;place-items:center;font-size:18px;flex:0 0 auto;color:#d4af7c}
.outil .search-row input{flex:1;border:0;outline:0;font-size:16px;font-family:inherit;color:#202124;background:transparent;min-width:0}
.outil .search-row input::placeholder{color:#9aa0a6}
.outil .search-btn{background:linear-gradient(135deg,#d4af7c,#D4AF7C);color:#fff;border:0;padding:0 26px;height:58px;font-family:inherit;font-size:15px;font-weight:700;cursor:pointer;transition:.18s;white-space:nowrap;flex:0 0 auto}
.outil .search-btn:hover{background:linear-gradient(135deg,#b9925a,#d4af7c)}
.outil .search-btn:disabled{opacity:.55;cursor:wait}

/* Manual toggle */
.outil .manual-link{display:inline-flex;align-items:center;gap:6px;margin-top:12px;font-size:13px;color:#64748b;cursor:pointer;text-decoration:underline;text-decoration-style:dotted}
.outil .manual-link:hover{color:#0f172a}
.outil .manual-form{display:none;margin-top:14px;padding:18px 20px;background:var(--soft);border:1px solid var(--line);border-radius:20px}
.outil .manual-form.active{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}
.outil .field label{display:block;font-size:12px;font-weight:700;color:#334155;margin-bottom:6px;text-transform:uppercase;letter-spacing:.05em}
.outil .field input,.outil .field select{width:100%;height:44px;border:1.5px solid #dadce0;border-radius:12px;padding:0 14px;font-size:14px;font-family:inherit;color:#0f172a;background:#fff;outline:0;transition:.18s}
.outil .field input:focus,.outil .field select:focus{border-color:#d4af7c;box-shadow:0 0 0 3px rgba(66,133,244,.10)}
.outil .field-full{grid-column:1/-1}

/* Loader */
.outil .loader{display:none;padding:20px 0;text-align:center}
.outil .loader.active{display:block}
.outil .spinner{width:42px;height:42px;margin:0 auto 10px;border-radius:50%;border:5px solid #e8f0fe;border-top-color:#d4af7c;animation:spin .8s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}

/* Candidate cards */
.outil .cands-wrap{display:none;margin-top:18px}
.outil .cands-wrap.active{display:block}
.outil .cands-title{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:#64748b;margin-bottom:12px}
.outil .cand-list{display:grid;gap:10px}
.outil .cand-item{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center;background:#fff;border:1.5px solid var(--line);border-radius:18px;padding:15px 18px;cursor:pointer;transition:.18s}
.outil .cand-item:hover{border-color:#d4af7c;box-shadow:0 8px 24px rgba(66,133,244,.12);transform:translateY(-1px)}
.outil .cand-item.selected{border-color:#D4AF7C;background:#F5F5F5;box-shadow:0 8px 24px rgba(219,39,119,.12)}
.outil .cand-info b{display:block;font-size:16px;font-weight:700;color:#202124;margin-bottom:3px}
.outil .cand-info small{display:block;font-size:13px;color:#64748b;line-height:1.4}
.outil .cand-stars{color:#e2c59b;font-size:14px;font-weight:800;letter-spacing:.5px}
.outil .cand-ct{font-size:12px;color:#64748b;text-align:right;white-space:nowrap}

/* Business profile */
.outil .biz-profile{display:none;margin-top:18px;background:linear-gradient(180deg,#eef6ff,#f8fafc);border:1px solid #bfdbfe;border-radius:22px;padding:20px 24px}
.outil .biz-profile.active{display:flex;align-items:flex-start;gap:18px}
.outil .biz-avatar{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,#d4af7c,#d4af7c);color:#fff;font-weight:900;font-size:24px;box-shadow:0 10px 22px rgba(66,133,244,.20);flex:0 0 auto}
.outil .biz-right{flex:1;min-width:0}
.outil .biz-right h3{font-size:20px;font-weight:800;letter-spacing:-.03em;color:#202124;margin-bottom:4px}
.outil .biz-right p{font-size:14px;color:#64748b;margin:0}
.outil .biz-tags{display:flex;gap:10px;margin-top:10px;flex-wrap:wrap}
.outil .biz-tag{display:flex;align-items:center;gap:6px;background:#fff;border:1px solid #e8edf5;border-radius:999px;padding:5px 12px;font-size:13px;font-weight:600;color:#334155}
.outil .biz-tag .dot{width:8px;height:8px;border-radius:50%;background:#e2c59b;flex:0 0 auto}
.outil .biz-tag .dot.green{background:#d4af7c}
.outil .biz-tag .dot.pink{background:#D4AF7C}
.outil .health-bars{display:grid;gap:9px;margin-top:14px}
.outil .hb{display:grid;gap:5px}
.outil .hb-top{display:flex;justify-content:space-between;font-size:12px;font-weight:700;color:#334155}
.outil .hb-top span{color:#0b0b0b}
.outil .track{height:8px;background:#e2e8f0;border-radius:999px;overflow:hidden}
.outil .fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#d4af7c,#d4af7c);transition:width 1.2s cubic-bezier(.25,.46,.45,.94)}
.outil .fill.warn{background:linear-gradient(90deg,#e2c59b,#f59e0b)}
.outil .fill.low{background:linear-gradient(90deg,#b9925a,#f97316)}

/* Photo strip */
.outil .photo-strip{display:flex;gap:8px;margin-top:14px;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}
.outil .photo-thumb{width:90px;height:70px;object-fit:cover;flex:0 0 90px;cursor:pointer;border:1px solid var(--line);transition:.15s}
.outil .photo-thumb:hover{opacity:.85;transform:scale(1.03)}

/* Reviews section */
.outil .reviews-section{margin-top:18px;border-top:1px solid var(--line);padding-top:14px}
.outil .reviews-title{font-size:13px;font-weight:700;color:#334155;margin-bottom:10px;display:flex;align-items:center;gap:6px}
.outil .review-list{display:grid;gap:10px}
.outil .review-item{background:#f8fafc;border:1px solid #e8edf5;padding:12px 14px}
.outil .review-header{display:flex;align-items:flex-start;gap:10px;margin-bottom:7px}
.outil .review-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;flex:0 0 32px}
.outil .review-avatar-init{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#d4af7c,#d4af7c);color:#fff;font-weight:700;font-size:14px;display:grid;place-items:center;flex:0 0 32px}
.outil .review-meta{flex:1;min-width:0}
.outil .review-author{font-size:13px;font-weight:700;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.outil .review-stars{font-size:12px;color:#e2c59b;letter-spacing:1px}
.outil .review-when{font-size:11px;color:#94a3b8;margin-left:6px}
.outil .review-text{font-size:13px;color:#475569;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.outil .review-impact{flex:0 0 auto;font-size:10.5px;font-weight:700;padding:3px 9px;border-radius:999px;white-space:nowrap;align-self:flex-start}
.outil .imp-pos{background:#dcfce7;color:#16a34a}
.outil .imp-neu{background:#f1f5f9;color:#64748b}
.outil .imp-neg{background:#fee2e2;color:#dc2626}

/* Rivals section */
.outil .rivals-section{margin-top:18px;border-top:1px solid var(--line);padding-top:14px}
.outil .rivals-title{font-size:13px;font-weight:700;color:#334155;margin-bottom:10px;display:flex;align-items:center;gap:6px}
.outil .rivals-loading{font-size:13px;color:#94a3b8;padding:6px 0;display:flex;align-items:center;gap:8px}
.outil .rival-card{display:flex;align-items:center;gap:10px;padding:11px 14px;background:#f8fafc;border:1px solid #e8edf5;margin-bottom:7px}
.outil .rival-rank{width:24px;height:24px;border-radius:50%;background:#e2e8f0;color:#475569;font-size:11px;font-weight:800;display:grid;place-items:center;flex:0 0 24px}
.outil .rival-name{font-weight:700;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}
.outil .rival-meta{font-size:11.5px;color:#64748b;margin-top:2px}
.outil .rival-badge{margin-left:auto;font-size:10.5px;font-weight:700;padding:4px 10px;border-radius:999px;white-space:nowrap;flex:0 0 auto}
.outil .rival-ahead{background:#dcfce7;color:#16a34a}
.outil .rival-close{background:#fef3c7;color:#b45309}
.outil .rival-soon{background:#dbeafe;color:#0b0b0b}
.outil .rival-far{background:#fee2e2;color:#dc2626}
/* Results rivals panel */
.outil .rivals-result-panel{margin-top:28px}
.outil .rivals-result-panel h3{font-size:20px;font-weight:800;margin-bottom:16px;display:flex;align-items:center;gap:10px}
.outil .rival-result-card{display:flex;align-items:center;gap:12px;padding:14px 18px;background:#fff;border:1px solid var(--line);margin-bottom:10px;box-shadow:var(--shadow2)}
.outil .rival-result-rank{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#e2e8f0,#cbd5e1);color:#334155;font-size:13px;font-weight:900;display:grid;place-items:center;flex:0 0 32px}
.outil .rival-result-name{font-weight:700;font-size:15px}
.outil .rival-result-meta{font-size:12.5px;color:#64748b;margin-top:3px}
.outil .rival-result-badge{margin-left:auto;font-size:12px;font-weight:700;padding:6px 14px;border-radius:999px;white-space:nowrap;flex:0 0 auto;text-align:center}
.outil .rival-result-gap{font-size:11px;font-weight:600;margin-top:3px;opacity:.8}

/* Error */
.outil .err-box{display:none;background:#fff5f5;border:1px solid #fecaca;border-radius:14px;padding:12px 16px;color:#dc2626;font-size:14px;margin-top:12px}
.outil .err-box.active{display:block}

/* ── Sector grid ── */
.outil .sector-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:4px}
.outil .sec-card{display:flex;align-items:center;gap:10px;padding:13px 14px;border:1.5px solid var(--line);border-radius:16px;cursor:pointer;transition:.18s;background:#fff}
.outil .sec-card:hover{border-color:var(--pink3);background:#F5F5F5}
.outil .sec-card.sel{border-color:#D4AF7C;background:linear-gradient(135deg,#fff0f8,#F5F5F5);box-shadow:0 4px 16px rgba(219,39,119,.12)}
.outil .sec-ico{font-size:22px;flex:0 0 auto;width:36px;text-align:center}
.outil .sec-info{min-width:0}
.outil .sec-name{font-size:13px;font-weight:700;color:#0f172a;line-height:1.3}
.outil .sec-desc{font-size:11px;color:#64748b;line-height:1.35;margin-top:2px}
.outil .sec-data{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}
.outil .sec-stat{background:var(--soft);border:1px solid var(--line);border-radius:14px;padding:12px;text-align:center}
.outil .sec-stat b{display:block;font-size:20px;font-weight:900;letter-spacing:-.04em;color:#202124}
.outil .sec-stat span{display:block;font-size:11px;color:#64748b;margin-top:3px;line-height:1.35}

/* ── Plan cards ── */
.outil .plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:4px}
.outil .plan-card{border:2px solid var(--line);border-radius:20px;padding:20px 22px;cursor:pointer;transition:.18s;background:#fff;position:relative}
.outil .plan-card:hover{border-color:var(--pink3)}
.outil .plan-card.sel{border-color:#D4AF7C;background:linear-gradient(180deg,#F5F5F5,#fff0f6);box-shadow:0 8px 26px rgba(219,39,119,.14)}
.outil .plan-badge{display:inline-block;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;padding:4px 10px;border-radius:999px;margin-bottom:12px}
.outil .badge-lite{background:#eff6ff;color:#0b0b0b}
.outil .badge-premium{background:linear-gradient(135deg,#EDE7DD,#f0e6ff);color:#d4af7c;border:1px solid rgba(192,132,252,.25)}
.outil .badge-multi{background:#f0fdf4;color:#166534}
.outil .plan-name{font-size:22px;font-weight:900;letter-spacing:-.04em;color:#0f172a;margin-bottom:3px}
.outil .plan-price{display:flex;align-items:baseline;gap:3px;margin-bottom:14px}
.outil .plan-price b{font-size:30px;font-weight:900;letter-spacing:-.05em;color:#0f172a}
.outil .plan-price span{font-size:14px;color:#64748b}
.outil .plan-feats{display:grid;gap:7px;list-style:none}
.outil .plan-feats li{display:flex;align-items:flex-start;gap:8px;font-size:13px;color:#475569;line-height:1.4}
.outil .plan-feats li::before{content:"✓";color:#16a34a;font-weight:900;flex:0 0 auto;margin-top:1px}
.outil .plan-hot{position:absolute;top:0;right:16px;transform:translateY(-50%);background:linear-gradient(135deg,#d4af7c,#D4AF7C);color:#fff;font-size:11px;font-weight:900;padding:5px 12px;border-radius:999px;box-shadow:0 6px 16px rgba(219,39,119,.30)}

/* CTA row */
.outil .sim-cta-row{margin-top:24px;display:flex;justify-content:flex-end;align-items:center;gap:14px;flex-wrap:wrap}
.outil .sites-row{display:flex;align-items:center;gap:12px;background:var(--soft);border:1px solid var(--line);border-radius:14px;padding:12px 16px;margin-top:16px}
.outil .sites-row label{font-size:14px;color:#334155;font-weight:600}
.outil .sites-row input[type=number]{width:70px;height:38px;border:1.5px solid #dadce0;border-radius:10px;padding:0 10px;font-size:16px;font-family:inherit;font-weight:700;text-align:center;outline:0;transition:.18s}
.outil .sites-row input:focus{border-color:#d4af7c;box-shadow:0 0 0 3px rgba(66,133,244,.10)}
.outil .sites-note{font-size:12px;color:#64748b;margin-top:4px}

/* ═══════════════════════════════════════════════════════════
   RESULTS ZONE
═══════════════════════════════════════════════════════════ */
.outil .res-zone{display:none;background:var(--soft);border-top:2px solid var(--line)}
.outil .res-zone.active{display:block}

.outil .res-header{padding:40px 42px 0;text-align:center}
.outil .res-eyebrow{display:inline-flex;align-items:center;gap:8px;background:#eff6ff;color:#0b0b0b;border:1px solid #bfdbfe;border-radius:999px;padding:8px 14px;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;margin-bottom:14px}
.outil .res-title{font-size:clamp(28px,4vw,48px);font-weight:900;letter-spacing:-.055em;color:#0f172a;margin-bottom:8px}
.outil .res-title strong{background:var(--grd);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.outil .res-sub{font-size:16px;color:#64748b;max-width:620px;margin:0 auto}

/* KPI row */
.outil .kpi-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:28px 42px}
.outil .kpi{background:#fff;border:1px solid var(--line);border-radius:22px;padding:20px 22px;box-shadow:0 6px 20px rgba(15,23,42,.05);position:relative;overflow:hidden}
.outil .kpi::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:0 0 0 0}
.outil .kpi.k1::before{background:#d4af7c}
.outil .kpi.k2::before{background:#D4AF7C}
.outil .kpi.k3::before{background:#d4af7c}
.outil .kpi.k4::before{background:#e2c59b}
.outil .kpi small{display:block;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:#64748b;margin-bottom:9px}
.outil .kpi strong{display:block;font-size:clamp(26px,3vw,38px);font-weight:900;letter-spacing:-.05em;color:#202124;line-height:1;margin-bottom:7px}
.outil .kpi.k2 strong{background:var(--grd);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.outil .kpi span{display:block;font-size:13px;color:#64748b;line-height:1.45}

/* Projection table */
.outil .proj-wrap{padding:0 42px 28px}
.outil .proj-card{background:#fff;border:1px solid var(--line);border-radius:28px;overflow:hidden;box-shadow:0 12px 32px rgba(15,23,42,.06)}
.outil .proj-head{padding:20px 24px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:14px}
.outil .proj-ico{width:44px;height:44px;border-radius:14px;background:#eff6ff;display:grid;place-items:center;font-size:22px;flex:0 0 auto}
.outil .proj-head h3{font-size:20px;font-weight:800;letter-spacing:-.04em;color:#0f172a;margin-bottom:3px}
.outil .proj-head p{font-size:14px;color:#64748b;margin:0}
.outil .proj-table{width:100%;border-collapse:collapse}
.outil .proj-table th{background:var(--soft);padding:11px 18px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:#64748b;text-align:left;border-bottom:1px solid var(--line)}
.outil .proj-table td{padding:13px 18px;font-size:14px;color:#334155;border-bottom:1px solid #f1f5f9}
.outil .proj-table tr:last-child td{border-bottom:0}
.outil .proj-table tr:hover td{background:#fafbfd}
.outil .proj-table td b{color:#202124;font-weight:700}
.outil .tag-pos{background:#ecfdf5;color:#166534;border-radius:999px;padding:3px 9px;font-size:12px;font-weight:800}
.outil .tag-neg{background:#fef2f2;color:#dc2626;border-radius:999px;padding:3px 9px;font-size:12px;font-weight:800}

/* Two columns */
.outil .two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:0 42px 28px}
.outil .panel{background:#fff;border:1px solid var(--line);border-radius:28px;padding:26px;box-shadow:0 10px 28px rgba(15,23,42,.05)}
.outil .panel h3{font-size:20px;font-weight:800;letter-spacing:-.04em;color:#0f172a;margin-bottom:18px}

/* Investment table */
.outil .inv-line{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #f1f5f9;font-size:14px}
.outil .inv-line:last-child{border-bottom:0}
.outil .inv-line b{color:#0f172a;font-weight:600}
.outil .inv-line span{color:#64748b}
.outil .inv-total-row{display:flex;justify-content:space-between;align-items:center;margin-top:14px;padding:14px 16px;background:var(--soft);border-radius:16px;font-weight:700}
.outil .inv-total-row .num{font-size:22px;font-weight:900;color:#0f172a;letter-spacing:-.04em}
.outil .inv-note{font-size:13px;color:#64748b;margin-top:10px;line-height:1.55;padding-left:2px}
.outil .payback-pill{display:inline-flex;align-items:center;gap:6px;background:#ecfdf5;color:#166534;border:1px solid #bbf7d0;border-radius:999px;padding:5px 12px;font-size:13px;font-weight:700;margin-top:10px}

/* ROI Gauge */
.outil .gauge-wrap{text-align:center;padding:6px 0}
.outil .gauge-circle{width:160px;height:160px;border-radius:50%;margin:0 auto 18px;display:grid;place-items:center;background:conic-gradient(#d4af7c calc(var(--pct,0)*1%),#eef2f7 0);position:relative;box-shadow:0 16px 38px rgba(52,168,83,.18)}
.outil .gauge-circle::after{content:"";position:absolute;inset:14px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 1px #e8edf5}
.outil .gauge-inner{position:relative;z-index:2;text-align:center}
.outil .gauge-val{display:block;font-size:38px;font-weight:900;letter-spacing:-.05em;color:#202124;line-height:1}
.outil .gauge-unit{display:block;font-size:12px;color:#64748b;margin-top:2px;font-weight:600}
.outil .gauge-title{font-size:17px;font-weight:800;color:#0f172a;letter-spacing:-.03em;margin-bottom:6px}
.outil .gauge-text{font-size:13px;color:#64748b;line-height:1.6;max-width:260px;margin:0 auto}

/* Daily loss encart */
.outil .loss-wrap{padding:0 42px 28px}
.outil .loss-card{background:linear-gradient(135deg,#fef2f2 0%,#fff5f5 60%,#fffbf5 100%);border:2px solid #fca5a5;border-radius:26px;padding:30px 32px;display:flex;align-items:flex-start;gap:22px;position:relative;overflow:hidden}
.outil .loss-card::before{content:"";position:absolute;top:-60px;right:-60px;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(239,68,68,.10),transparent 70%);pointer-events:none}
.outil .loss-card::after{content:"";position:absolute;bottom:-40px;left:-40px;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,rgba(251,146,60,.08),transparent 70%);pointer-events:none}
.outil .loss-ico{width:56px;height:56px;border-radius:18px;background:#fee2e2;display:grid;place-items:center;color:#dc2626;font-size:28px;flex:0 0 auto;box-shadow:0 8px 20px rgba(220,38,38,.12)}
.outil .loss-body{flex:1;min-width:0;position:relative;z-index:1}
.outil .loss-q{font-size:clamp(16px,2.2vw,21px);font-weight:800;color:#7f1d1d;letter-spacing:-.03em;line-height:1.28;margin-bottom:12px}
.outil .loss-amount-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.outil .loss-amount{display:inline-flex;align-items:baseline;gap:5px;background:#dc2626;color:#fff;border-radius:14px;padding:10px 20px;box-shadow:0 10px 24px rgba(220,38,38,.24)}
.outil .loss-amount b{font-size:clamp(32px,4.5vw,48px);font-weight:900;letter-spacing:-.05em;line-height:1}
.outil .loss-amount span{font-size:17px;font-weight:700}
.outil .loss-sub-amounts{display:flex;gap:10px;flex-wrap:wrap}
.outil .loss-sub-pill{background:#fff;border:1px solid #fca5a5;border-radius:999px;padding:5px 12px;font-size:13px;font-weight:700;color:#991b1b}
.outil .loss-text{font-size:14px;color:#991b1b;line-height:1.6;margin-top:4px}

/* Stats proof section */
.outil .stats-section{background:linear-gradient(180deg,#f8fafc,#fff);border-top:1px solid var(--line);padding:46px 42px}
.outil .stats-eyebrow{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#64748b;margin-bottom:14px;text-align:center}
.outil .stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#e8edf5;border:1px solid var(--line);border-radius:22px;overflow:hidden;margin-bottom:20px}
.outil .stat-item{background:#fff;padding:22px 18px;text-align:center}
.outil .stat-n{display:block;font-size:clamp(26px,3vw,38px);font-weight:900;letter-spacing:-.05em;line-height:1;margin-bottom:6px;background:var(--grd);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.outil .stat-l{font-size:13px;color:#64748b;line-height:1.45}
.outil .sector-insights{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.outil .si-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;text-align:center}
.outil .si-card b{display:block;font-size:26px;font-weight:900;letter-spacing:-.04em;color:#202124;line-height:1;margin-bottom:6px}
.outil .si-card span{display:block;font-size:12px;color:#64748b;line-height:1.45}

/* Bottom CTA */
.outil .cta-bottom{margin:0 42px 42px;background:linear-gradient(135deg,#060f1c 0%,#17233a 70%,#1e1230 100%);border-radius:28px;padding:30px 34px;color:#fff;display:flex;justify-content:space-between;align-items:center;gap:24px;box-shadow:0 28px 72px rgba(2,6,23,.22)}
.outil .cta-bottom h3{font-size:clamp(20px,2.5vw,28px);font-weight:800;letter-spacing:-.04em;margin-bottom:8px}
.outil .cta-bottom p{color:#dbe5f1;line-height:1.62;margin:0;max-width:580px;font-size:15px}
.outil .cta-btns{display:flex;gap:10px;flex-wrap:wrap;flex:0 0 auto}

/* ── Footer ── */

/* ── Utils ── */
.outil .hidden{display:none!important}
.outil .mt-3{margin-top:12px}
.outil .mt-4{margin-top:16px}

/* ══════════════════════════════════════════════════════════
   ANGLES DROITS — override global sur tous les cards/panels
══════════════════════════════════════════════════════════ */
.outil .sim-shell,.outil .cand-item,.outil .biz-profile,.outil .biz-avatar,.outil .manual-form,.outil .field input,.outil .field select,.outil .err-box,.outil .sec-card,.outil .sec-stat,.outil .plan-card,.outil .sites-row,.outil .sites-row input,.outil .kpi,.outil .proj-card,.outil .proj-ico,.outil .panel,.outil .inv-total-row,.outil .loss-card,.outil .loss-ico,.outil .stats-grid,.outil .si-card,.outil .cta-bottom,.outil .search-row,.outil .search-btn,.outil .proj-head,.outil .step-wrap{border-radius:0!important}

/* ══════════════════════════════════════════════════════════
   PDF / PRINT  — style Google à fond
══════════════════════════════════════════════════════════ */
.outil .pdf-only{display:none}

@media print{
  /* Hide everything but the report */
  .outil .hero,.outil .sim-bg .step-wrap,.outil .sim-bg .step-wrap *,.outil .search-step,.outil .config-step,.outil .cta-bottom,.outil .res-zone .btn,.outil .res-zone .cta-bottom,.outil .cands-wrap,.outil .err-box{display:none!important}

  .outil{background:#fff!important;font-family:'Inter',Arial,sans-serif;color:#000;font-size:11pt}
  .outil .container{width:100%!important;padding:0}
  .outil .sim-shell{box-shadow:none!important;border:0!important;border-radius:0!important;margin:0!important}
  .outil .sim-top-bar{display:none}
  .outil .res-zone{display:block!important;background:#fff!important}
  .outil .res-zone.active{display:block!important}

  /* PDF header band */
  .outil .pdf-only{display:block!important}
  .outil .pdf-header{
    padding-bottom:12px;margin-bottom:0;
    border-bottom:4px solid transparent;
    border-image:linear-gradient(90deg,#d4af7c 0 25%,#b9925a 25% 50%,#e2c59b 50% 75%,#d4af7c 75% 100%) 1;
  }
  .outil .pdf-hd-inner{display:flex;justify-content:space-between;align-items:flex-start;padding:16px 20px 12px}
  .outil .pdf-logo-area h1{font-size:16pt;font-weight:900;color:#0f172a;letter-spacing:-.04em;margin:0 0 3px}
  .outil .pdf-logo-area p{font-size:9pt;color:#64748b;margin:0}
  .outil .pdf-meta{text-align:right;font-size:9pt;color:#64748b}
  .outil .pdf-meta b{display:block;color:#0f172a;font-size:10pt}

  /* Layout in print */
  .outil .kpi-row{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:10px!important;padding:16px 20px!important}
  .outil .kpi{padding:14px!important}
  .outil .kpi strong{font-size:22pt!important}
  .outil .proj-wrap{padding:0 20px 16px!important}
  .outil .two-col{display:grid!important;grid-template-columns:1fr 1fr!important;gap:14px!important;padding:0 20px 16px!important}
  .outil .loss-wrap{padding:0 20px 16px!important}
  .outil .stats-section{padding:20px!important}
  .outil .sector-insights{grid-template-columns:repeat(3,1fr)!important}
  .outil .res-header{padding:16px 20px 0!important}
  .outil .res-eyebrow{font-size:9pt!important}
  .outil .res-title{font-size:20pt!important}
  .outil .proj-table{font-size:10pt}
  .outil .proj-table th,.outil .proj-table td{padding:8px 12px}
  .outil .panel{padding:16px!important}
  .outil .loss-card{padding:20px!important;page-break-inside:avoid}
  .outil .loss-q{font-size:13pt!important}
  .outil .loss-amount b{font-size:28pt!important}
  .outil .proj-card{page-break-inside:avoid}
  .outil .gauge-circle{width:130px;height:130px}
  .outil .gauge-val{font-size:26pt!important}
  .outil *{-webkit-print-color-adjust:exact!important;color-adjust:exact!important;print-color-adjust:exact!important}
  @page{margin:1.2cm 1.5cm;size:A4}
}
/* ── Responsive ── */
@media(max-width:960px){
  .outil .hero-inner{grid-template-columns:1fr}
  .outil .roi-preview{display:none}
  .outil .kpi-row{grid-template-columns:repeat(2,1fr)}
  .outil .sector-grid{grid-template-columns:repeat(2,1fr)}
  .outil .plan-grid{grid-template-columns:1fr}
  .outil .two-col{grid-template-columns:1fr}
  .outil .stats-grid{grid-template-columns:repeat(2,1fr)}
  .outil .sector-insights{grid-template-columns:1fr}
  .outil .cta-bottom{display:block}
  .outil .cta-btns{margin-top:18px}
}
@media(max-width:600px){
  .outil .step-wrap{padding:24px 20px}
  .outil .kpi-row{padding:20px;grid-template-columns:1fr 1fr}
  .outil .proj-wrap,.outil .two-col,.outil .loss-wrap{padding-left:20px;padding-right:20px}
  .outil .stats-section{padding:36px 20px}
  .outil .stats-grid{grid-template-columns:1fr 1fr}
  .outil .res-header{padding:24px 20px 0}
  .outil .loss-card{flex-direction:column}
  .outil .cta-bottom{margin:0 20px 20px;padding:22px}
  .outil .hero-frame{padding:22px 20px}
}
@media(max-width:700px){}
.outil .af-brand.af-official-brand{display:inline-flex!important;align-items:center!important;text-decoration:none!important}
.outil .af-brand.af-official-brand img{height:58px!important;width:auto!important;max-width:220px!important;object-fit:contain!important;display:block!important;filter:none!important}
.outil .af-footer .af-brand.af-official-brand img{height:72px!important;max-width:270px!important}
@media(max-width:620px){.outil .af-brand.af-official-brand img{height:48px!important;max-width:185px!important}.outil .af-footer .af-brand.af-official-brand img{height:62px!important;max-width:230px!important}}


.outil #af-exit-overlay{position:fixed;inset:0;z-index:99999;display:none;align-items:center;justify-content:center;padding:24px;background:rgba(11,11,11,.72);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);opacity:0;transition:opacity .28s ease}
.outil #af-exit-overlay.af-show{display:flex;opacity:1}
@media(max-width:640px){}
@media(prefers-reduced-motion:reduce){.outil #af-exit-overlay{transition:none}}

/* CANONICAL AVIS FLASH PALETTE: #0B0B0B #2E2E2E #D4AF7C #EDE7DD #F5F5F5 */

/* Avis Flash — Brand System 2026 | SEO-safe visual override */
.outil{
  --af-black:#0B0B0B;--af-charcoal:#2E2E2E;--af-gold:#D4AF7C;
  --af-beige:#EDE7DD;--af-cream:#F8F4EE;--af-light:#F5F5F5;
  --af-ink:#171717;--af-muted:#6E675E;--af-line:rgba(212,175,124,.32);
  --af-shadow:0 28px 80px rgba(11,11,11,.12);
}
.outil{scroll-behavior:smooth}
.outil{font-family:'Inter',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important;background:var(--af-cream)!important;color:var(--af-ink)!important}
.outil h1,.outil h2,.outil h3,.outil h4,.outil h5,.outil h6,.outil .hero-section h1,.outil .section-head h2{font-family:'Montserrat',system-ui,sans-serif!important;letter-spacing:-.035em!important}
.outil ::selection{background:var(--af-gold);color:var(--af-black)}
.outil a{transition:all .2s ease}
.outil .btn{font-family:'Montserrat',sans-serif!important;border-radius:999px!important;letter-spacing:-.01em!important}
.outil .btn-primary{background:var(--af-gold)!important;color:var(--af-black)!important;box-shadow:0 16px 36px rgba(212,175,124,.26)!important}
.outil .btn-primary:hover{background:#e1c29a!important;color:#000!important;transform:translateY(-2px)!important}
.outil .btn-outline,.outil .btn-secondary{border:1px solid var(--af-line)!important;background:transparent!important;color:inherit!important}
.outil .light,.outil .light-alt{background:var(--af-cream)!important;color:var(--af-ink)!important}
.outil section{position:relative}
.outil .section-head p,.outil .section-sub,.outil .hero-desc{color:var(--af-muted)!important}
.outil .card,.outil .fc,.outil .pcard,.outil .fi,.outil .fq,.outil .pfc,.outil [class*='card']{border-radius:18px!important}
/* utility theme for legacy pages */
.outil main section:nth-of-type(even):not(.hero-section){background-color:#F4EEE5}
.outil main section:nth-of-type(odd):not(.hero-section){background-color:#FBF8F3}
.outil .hero-section{background:linear-gradient(135deg,#0B0B0B 0%,#171717 65%,#2A2118 100%)!important}
.outil .hero-section::after{background:radial-gradient(ellipse,rgba(212,175,124,.18) 0%,transparent 70%)!important}
.outil .hero-eyebrow{background:rgba(212,175,124,.12)!important;border-color:rgba(212,175,124,.28)!important;color:#E7C99F!important}
.outil .hero-section h1 strong{background:linear-gradient(90deg,#fff 0%,#D4AF7C 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important}
/* New homepage components */
.outil .af-home{background:var(--af-cream)}
.outil .af-container{width:min(1180px,calc(100% - 48px));margin:auto}
.outil .af-topbar{position:sticky;top:0;z-index:999;background:rgba(11,11,11,.94);backdrop-filter:blur(18px);border-bottom:1px solid rgba(212,175,124,.18)}
.outil .af-nav{height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.outil .af-brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none}
.outil .af-brand svg{width:48px;height:38px}.outil .af-brand-name{font:500 22px/1 'Montserrat',sans-serif;letter-spacing:.08em}.outil .af-brand-tag{display:block;font:500 8px/1.4 'Inter',sans-serif;letter-spacing:.24em;color:var(--af-gold);margin-top:6px}
.outil .af-navlinks{display:flex;gap:24px;align-items:center}.outil .af-navlinks a{color:rgba(255,255,255,.72);text-decoration:none;font-size:14px;font-weight:600}.outil .af-navlinks a:hover{color:#fff}
.outil .af-navcta{padding:11px 18px;border:1px solid var(--af-gold);border-radius:999px;color:#fff!important}
.outil .af-hero{min-height:760px;background:linear-gradient(135deg,#0B0B0B 0%,#151515 58%,#2a2118 100%);color:#fff;display:flex;align-items:center;overflow:hidden}
.outil .af-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 78% 35%,rgba(212,175,124,.16),transparent 30%),linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:auto,72px 72px,72px 72px;pointer-events:none}
.outil .af-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:72px;align-items:center;padding:96px 0}
.outil .af-kicker{display:inline-flex;align-items:center;gap:10px;font:700 11px/1 'Inter',sans-serif;letter-spacing:.2em;color:var(--af-gold);text-transform:uppercase}.outil .af-kicker::before{content:'';width:38px;height:1px;background:var(--af-gold)}
.outil .af-hero h1{font-size:clamp(48px,5.8vw,82px);line-height:.98;margin:28px 0 26px;max-width:760px}.outil .af-hero h1 em{font-style:normal;color:var(--af-gold)}
.outil .af-lead{font-size:19px;line-height:1.72;color:rgba(255,255,255,.72);max-width:620px}
.outil .af-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:34px}.outil .af-btn{display:inline-flex;align-items:center;justify-content:center;padding:15px 24px;border-radius:999px;text-decoration:none;font:700 14px/1 'Montserrat',sans-serif}.outil .af-btn-primary{background:var(--af-gold);color:var(--af-black)}.outil .af-btn-secondary{border:1px solid rgba(255,255,255,.28);color:#fff;background:rgba(255,255,255,.03)}
.outil .af-micro{display:flex;gap:26px;flex-wrap:wrap;margin-top:36px;color:rgba(255,255,255,.58);font-size:12px}.outil .af-micro span{display:flex;gap:8px;align-items:center}.outil .af-micro i{width:7px;height:7px;border-radius:50%;background:var(--af-gold)}
.outil .af-visual{position:relative}.outil .af-visual-card{border:1px solid rgba(212,175,124,.28);background:#111;padding:14px;border-radius:28px;box-shadow:0 40px 90px rgba(0,0,0,.45);transform:rotate(1.5deg)}.outil .af-visual-card img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:18px;filter:saturate(.8) contrast(1.03)}
.outil .af-floating{position:absolute;left:-42px;bottom:30px;background:rgba(248,244,238,.96);color:var(--af-black);padding:20px 22px;border-radius:16px;box-shadow:var(--af-shadow);min-width:230px}.outil .af-floating strong{display:block;font:800 34px/1 'Montserrat',sans-serif}.outil .af-floating span{font-size:12px;color:var(--af-muted)}
.outil .af-strip{background:var(--af-gold);color:var(--af-black);padding:18px 0}.outil .af-strip-inner{display:flex;justify-content:space-between;gap:24px;align-items:center;font:700 12px/1 'Inter',sans-serif;letter-spacing:.15em;text-transform:uppercase}.outil .af-strip-inner b{font-size:14px}
.outil .af-section{padding:112px 0}.outil .af-section.dark{background:var(--af-black);color:#fff}.outil .af-section.beige{background:var(--af-beige)}.outil .af-section.cream{background:var(--af-cream)}
.outil .af-heading{display:grid;grid-template-columns:.75fr 1.25fr;gap:48px;align-items:end;margin-bottom:58px}.outil .af-eyebrow{color:#A77D45;font:800 11px/1 'Inter',sans-serif;letter-spacing:.18em;text-transform:uppercase}.outil .af-heading h2{font-size:clamp(36px,4.1vw,58px);line-height:1.06}.outil .af-heading p{font-size:18px;line-height:1.65;color:var(--af-muted)}.outil .dark .af-heading p{color:rgba(255,255,255,.6)}
.outil .af-proof{display:grid;grid-template-columns:.9fr 1.1fr;gap:64px;align-items:center}.outil .af-proof-cards{display:grid;grid-template-columns:1fr auto 1fr;gap:18px;align-items:center}.outil .af-score{background:#fff;border:1px solid rgba(11,11,11,.08);border-radius:20px;padding:30px 20px;text-align:center;box-shadow:0 20px 54px rgba(11,11,11,.07)}.outil .af-score.top{background:var(--af-black);color:#fff}.outil .af-score small{display:block;text-transform:uppercase;letter-spacing:.16em;color:var(--af-muted);font-weight:700}.outil .af-score b{display:block;font:800 72px/1 'Montserrat',sans-serif;margin:14px 0 4px}.outil .af-stars{color:#E7AC3C;letter-spacing:4px;font-size:20px}.outil .af-arrow{font-size:38px;color:var(--af-gold)}
.outil .af-proof-copy h3{font-size:44px;line-height:1.08;margin-bottom:18px}.outil .af-proof-copy h3 span{color:#A77D45}.outil .af-proof-copy p{font-size:17px;line-height:1.7;color:var(--af-muted)}.outil .af-proof-copy .note{margin-top:18px;padding-left:18px;border-left:2px solid var(--af-gold);font-weight:700;color:var(--af-ink)}
.outil .af-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.outil .af-step{background:#fff;border:1px solid rgba(11,11,11,.08);padding:34px;border-radius:20px;min-height:270px}.outil .af-step-num{font:800 12px/1 'Montserrat',sans-serif;color:#A77D45;letter-spacing:.15em}.outil .af-step-icon{width:56px;height:56px;border:1px solid var(--af-gold);border-radius:50%;display:grid;place-items:center;margin:32px 0 24px;font-size:22px}.outil .af-step h3{font-size:22px;margin-bottom:10px}.outil .af-step p{color:var(--af-muted);line-height:1.65}
.outil .af-product{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.outil .af-product-media{background:#171717;border-radius:28px;padding:22px;box-shadow:var(--af-shadow)}.outil .af-product-media img{width:100%;border-radius:16px;display:block}.outil .af-list{display:grid;gap:18px;margin:30px 0}.outil .af-list div{display:grid;grid-template-columns:38px 1fr;gap:14px;align-items:start}.outil .af-list i{width:34px;height:34px;border-radius:50%;border:1px solid var(--af-gold);display:grid;place-items:center;color:#A77D45;font-style:normal;font-weight:800}.outil .af-list strong{display:block;font-size:16px;margin-bottom:3px}.outil .af-list span{color:var(--af-muted);font-size:14px}
.outil .af-sectors{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.outil .af-sector{padding:28px;border:1px solid rgba(212,175,124,.22);background:#141414;border-radius:18px}.outil .af-sector b{display:block;font-size:18px;margin:16px 0 8px}.outil .af-sector span{color:rgba(255,255,255,.55);font-size:14px;line-height:1.55}.outil .af-sector .ico{font-size:26px;color:var(--af-gold)}
.outil .af-price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.outil .af-price{background:#fff;border:1px solid rgba(11,11,11,.08);border-radius:20px;padding:32px}.outil .af-price.featured{background:var(--af-black);color:#fff;transform:translateY(-10px);box-shadow:var(--af-shadow)}.outil .af-price h3{font-size:20px}.outil .af-price .price{font:800 52px/1 'Montserrat',sans-serif;margin:18px 0}.outil .af-price .price small{font:500 14px 'Inter',sans-serif}.outil .af-price ul{list-style:none;display:grid;gap:10px;margin:24px 0;color:var(--af-muted)}.outil .af-price.featured ul{color:rgba(255,255,255,.6)}
.outil .af-resources{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.outil .af-resource{background:#fff;border:1px solid rgba(11,11,11,.08);border-radius:18px;padding:24px;text-decoration:none;color:var(--af-ink)}.outil .af-resource small{color:#A77D45;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.outil .af-resource h3{font-size:19px;margin:14px 0 10px}.outil .af-resource p{color:var(--af-muted);font-size:13px;line-height:1.55}
.outil .af-faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px}.outil .af-faq-list{display:grid;gap:12px}.outil .af-faq details{background:#fff;border:1px solid rgba(11,11,11,.08);border-radius:14px;padding:20px 22px}.outil .af-faq summary{font-weight:800;cursor:pointer}.outil .af-faq details p{padding-top:12px;color:var(--af-muted);line-height:1.65}
.outil .af-cta{background:linear-gradient(135deg,#0B0B0B,#1c1712);color:#fff;border-radius:30px;padding:64px;display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center}.outil .af-cta h2{font-size:44px;line-height:1.05}.outil .af-cta p{color:rgba(255,255,255,.6);margin-top:12px}
.outil .af-footer{background:#0B0B0B;color:#fff;padding:58px 0 34px}.outil .af-footer-grid{display:grid;grid-template-columns:1.2fr repeat(3,1fr);gap:40px}.outil .af-footer h4{font-size:13px;text-transform:uppercase;letter-spacing:.14em;color:var(--af-gold);margin-bottom:16px}.outil .af-footer a{display:block;color:rgba(255,255,255,.6);text-decoration:none;margin:9px 0;font-size:13px}.outil .af-footer p{color:rgba(255,255,255,.52);font-size:13px;line-height:1.6}.outil .af-footnote{border-top:1px solid rgba(255,255,255,.1);margin-top:38px;padding-top:22px;color:rgba(255,255,255,.42);font-size:12px;display:flex;justify-content:space-between;gap:20px}
@media(max-width:980px){.outil .af-navlinks a:not(.af-navcta){display:none}.outil .af-hero-grid,.outil .af-heading,.outil .af-proof,.outil .af-product,.outil .af-faq{grid-template-columns:1fr}.outil .af-hero{min-height:auto}.outil .af-visual{max-width:620px}.outil .af-floating{left:12px}.outil .af-steps,.outil .af-sectors,.outil .af-price-grid{grid-template-columns:1fr}.outil .af-resources{grid-template-columns:repeat(2,1fr)}.outil .af-footer-grid{grid-template-columns:1fr 1fr}.outil .af-cta{grid-template-columns:1fr}.outil .af-heading{gap:18px}}
@media(max-width:620px){.outil .af-container{width:min(100% - 30px,1180px)}.outil .af-nav{height:68px}.outil .af-brand-name{font-size:18px}.outil .af-navcta{padding:10px 13px;font-size:12px}.outil .af-hero-grid{padding:70px 0 64px;gap:46px}.outil .af-hero h1{font-size:44px}.outil .af-lead{font-size:17px}.outil .af-strip-inner{flex-wrap:wrap}.outil .af-section{padding:78px 0}.outil .af-heading h2{font-size:38px}.outil .af-proof-cards{grid-template-columns:1fr}.outil .af-arrow{transform:rotate(90deg);text-align:center}.outil .af-resources{grid-template-columns:1fr}.outil .af-footer-grid{grid-template-columns:1fr}.outil .af-cta{padding:38px 26px}.outil .af-cta h2{font-size:34px}.outil .af-footnote{flex-direction:column}}

/* 2026-09-13 — premium rebuild: fonctionnement + produit */
.outil #fonctionnement{background:#EDE7DD!important;overflow:hidden}
.outil #fonctionnement::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.46),transparent 44%),radial-gradient(circle at 92% 8%,rgba(212,175,124,.18),transparent 26%)}
.outil #fonctionnement .af-container{position:relative;z-index:1}
.outil #fonctionnement .af-heading{margin-bottom:50px}
.outil #fonctionnement .af-heading h2{max-width:760px}
.outil .af-steps{position:relative;gap:24px!important}
.outil .af-steps::before{content:"";position:absolute;left:12%;right:12%;top:66px;height:1px;background:linear-gradient(90deg,transparent,#D4AF7C 18%,#D4AF7C 82%,transparent);opacity:.55;z-index:0}
.outil .af-step{position:relative;z-index:1;background:rgba(248,244,238,.96)!important;border:1px solid rgba(212,175,124,.42)!important;border-radius:0!important;padding:38px 34px 36px!important;min-height:320px!important;box-shadow:0 22px 60px rgba(11,11,11,.06)!important;overflow:hidden}
.outil .af-step::after{content:"";position:absolute;right:-44px;bottom:-62px;width:160px;height:160px;border:1px solid rgba(212,175,124,.16);transform:rotate(45deg)}
.outil .af-step-num{color:#A77D45!important;font-size:11px!important;letter-spacing:.19em!important}
.outil .af-step-icon{width:64px!important;height:64px!important;background:#0B0B0B!important;color:#D4AF7C!important;border:1px solid #D4AF7C!important;border-radius:50%!important;margin:30px 0 26px!important;font-size:24px!important;box-shadow:0 12px 30px rgba(11,11,11,.12)}
.outil .af-step h3{font:700 23px/1.15 'Montserrat',sans-serif!important;letter-spacing:-.025em!important;margin-bottom:14px!important;color:#171717!important}
.outil .af-step p{font-size:15px!important;line-height:1.72!important;color:#6E675E!important}
.outil .af-product{gap:86px!important}
.outil .af-product-media{position:relative;background:#0B0B0B!important;border:1px solid rgba(212,175,124,.38)!important;border-radius:0!important;padding:14px!important;box-shadow:0 34px 90px rgba(11,11,11,.16)!important}
.outil .af-product-media::before{content:"AVIS FLASH";position:absolute;left:28px;bottom:28px;z-index:2;color:#fff;font:600 11px/1 'Montserrat',sans-serif;letter-spacing:.22em;background:rgba(11,11,11,.72);padding:10px 12px;border-left:2px solid #D4AF7C}
.outil .af-product-media img{border-radius:0!important;aspect-ratio:4/3;object-fit:cover;object-position:center;display:block!important}
.outil .af-product>div:last-child{padding:24px 0}
.outil .af-product .af-eyebrow{display:flex;align-items:center;gap:12px}.outil .af-product .af-eyebrow::before{content:"";width:36px;height:1px;background:#D4AF7C}
.outil .af-list{border-top:1px solid rgba(212,175,124,.34);padding-top:26px}
.outil .af-list div{padding:0 0 18px;border-bottom:1px solid rgba(11,11,11,.08)}
.outil .af-list i{background:#0B0B0B;color:#D4AF7C!important;border-color:#0B0B0B!important}
.outil .af-list strong{font-family:'Montserrat',sans-serif;font-size:15px!important}
@media(max-width:980px){.outil .af-steps::before{display:none}.outil .af-step{min-height:auto!important}.outil .af-product{gap:42px!important}.outil .af-product-media img{aspect-ratio:16/10}}


/* 2026-09-13 — pricing clarity + ambient premium motion */
.outil .af-pricing-section{position:relative;overflow:hidden;background:#EDE7DD}
.outil .af-pricing-head{max-width:820px;margin:0 auto 52px;text-align:center;position:relative;z-index:2}
.outil .af-pricing-head h2{font-family:'Montserrat',sans-serif;font-size:clamp(38px,4.8vw,64px);line-height:1.03;letter-spacing:-.045em;color:#0B0B0B;margin:16px 0 18px}
.outil .af-pricing-head p{max-width:700px;margin:0 auto;color:#595652;font-size:17px;line-height:1.75}
.outil .af-price-grid-2026{position:relative;z-index:2;align-items:stretch;gap:22px}
.outil .af-price-grid-2026 .af-price{position:relative;display:flex;flex-direction:column;min-height:610px;padding:34px 32px 30px;border-radius:24px;background:rgba(245,245,245,.92);border:1px solid rgba(11,11,11,.10);box-shadow:0 18px 50px rgba(11,11,11,.055);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease}
.outil .af-price-grid-2026 .af-price:hover{transform:translateY(-6px);box-shadow:0 24px 70px rgba(11,11,11,.09);border-color:rgba(212,175,124,.65)}
.outil .af-price-grid-2026 .af-price.featured{background:#0B0B0B;color:#F5F5F5;border:1px solid rgba(212,175,124,.75);transform:translateY(-12px);box-shadow:0 28px 80px rgba(11,11,11,.20)}
.outil .af-price-grid-2026 .af-price.featured:hover{transform:translateY(-16px)}
.outil .af-plan-badge{position:absolute;top:0;right:28px;transform:translateY(-50%);background:#D4AF7C;color:#0B0B0B;padding:8px 13px;border-radius:999px;font-size:10px;line-height:1;font-weight:800;letter-spacing:.16em}
.outil .af-plan-kicker{display:block;color:#A78354;font-size:11px;font-weight:800;letter-spacing:.17em;text-transform:uppercase;margin-bottom:12px}
.outil .af-price.featured .af-plan-kicker{color:#D4AF7C}
.outil .af-price-grid-2026 h3{font-family:'Montserrat',sans-serif;font-size:25px;line-height:1.1;letter-spacing:-.025em;margin:0 0 12px;color:#0B0B0B}
.outil .af-price-grid-2026 .featured h3{color:#F5F5F5}
.outil .af-plan-desc{min-height:76px;font-size:14.5px;line-height:1.65;color:#68645E;margin:0}
.outil .af-price.featured .af-plan-desc{color:rgba(245,245,245,.65)}
.outil .af-price-grid-2026 .price{display:flex;align-items:flex-end;gap:9px;margin:26px 0 27px;padding-bottom:26px;border-bottom:1px solid rgba(11,11,11,.09);font-family:'Montserrat',sans-serif}
.outil .af-price-grid-2026 .price span{font-size:clamp(48px,4vw,62px);font-weight:750;line-height:.95;letter-spacing:-.055em;color:#0B0B0B}
.outil .af-price-grid-2026 .price small{padding-bottom:7px;color:#77716A;font-size:13px;font-weight:600}
.outil .af-price-grid-2026 .featured .price{border-color:rgba(245,245,245,.12)}
.outil .af-price-grid-2026 .featured .price span{color:#D4AF7C}
.outil .af-price-grid-2026 .featured .price small{color:rgba(245,245,245,.55)}
.outil .af-price-grid-2026 .af-price-quote span{font-size:42px;letter-spacing:-.04em;text-transform:none}
.outil .af-price-grid-2026 ul{display:grid;gap:14px;margin:0 0 30px;padding:0;list-style:none;color:#2E2E2E}
.outil .af-price-grid-2026 ul li{display:grid;grid-template-columns:24px 1fr;gap:9px;align-items:start;font-size:14.5px;line-height:1.5}
.outil .af-price-grid-2026 ul li i{font-style:normal;color:#A78354;font-weight:800}
.outil .af-price-grid-2026 .featured ul{color:rgba(245,245,245,.80)}
.outil .af-price-grid-2026 .featured ul li i{color:#D4AF7C}
.outil .af-price-grid-2026 .af-btn{margin-top:auto;justify-content:center;width:100%;min-height:48px;border-radius:12px}
.outil .af-btn-outline-gold{background:transparent;color:#0B0B0B;border:1px solid rgba(11,11,11,.18)}
.outil .af-btn-outline-gold:hover{background:#0B0B0B;color:#F5F5F5;border-color:#0B0B0B}
.outil .af-btn-gold{background:#D4AF7C;color:#0B0B0B;border:1px solid #D4AF7C;box-shadow:0 10px 30px rgba(212,175,124,.16)}
.outil .af-btn-gold:hover{background:#E1C49A;border-color:#E1C49A;transform:translateY(-1px)}
.outil .af-pricing-note{position:relative;z-index:2;text-align:center;margin:28px 0 0;color:#6B655E;font-size:13.5px}.outil .af-pricing-note a{color:#0B0B0B;font-weight:700;text-decoration:none;border-bottom:1px solid #D4AF7C}

/* Ambient premium motion — subtle, slow, decorative only */
.outil .af-hero,.outil .af-section,.outil .hero,.outil .section,.outil .cta{position:relative;isolation:isolate;overflow:hidden}
.outil .af-hero::before,.outil .af-section::before,.outil .hero::before,.outil .section::before,.outil .cta::before{content:'';position:absolute;pointer-events:none;z-index:-1;width:34rem;height:34rem;border-radius:50%;filter:blur(14px);opacity:.18;background:radial-gradient(circle,rgba(212,175,124,.28) 0%,rgba(212,175,124,.10) 32%,rgba(212,175,124,0) 70%);animation:afAmbientDrift 18s ease-in-out infinite alternate;will-change:transform}
.outil .af-hero::before,.outil .hero::before{top:-12rem;right:-8rem}
.outil .af-section::before,.outil .section::before{top:8%;right:-18rem}
.outil .af-section:nth-of-type(even)::before,.outil .section:nth-of-type(even)::before{right:auto;left:-18rem;animation-delay:-8s}
.outil .af-section.cream::after,.outil .af-section.beige::after,.outil .section.alt::after{content:'';position:absolute;pointer-events:none;z-index:-1;inset:0;opacity:.20;background-image:linear-gradient(rgba(11,11,11,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(11,11,11,.025) 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(to bottom,transparent,black 18%,black 82%,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,black 18%,black 82%,transparent);animation:afGridFloat 28s linear infinite}
@keyframes afAmbientDrift{0%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(-3rem,2rem,0) scale(1.08)}100%{transform:translate3d(2rem,4rem,0) scale(.96)}}
@keyframes afGridFloat{from{background-position:0 0,0 0}to{background-position:56px 56px,56px 56px}}
@media(max-width:980px){.outil .af-price-grid-2026 .af-price{min-height:0}.outil .af-price-grid-2026 .af-price.featured{transform:none}.outil .af-price-grid-2026 .af-price.featured:hover{transform:translateY(-4px)}.outil .af-plan-desc{min-height:0}.outil .af-pricing-head{text-align:left;margin-bottom:36px}.outil .af-pricing-head p{margin-left:0}.outil .af-pricing-section{padding-top:78px;padding-bottom:78px}}
@media(max-width:620px){.outil .af-price-grid-2026 .af-price{padding:30px 24px}.outil .af-price-grid-2026 .price span{font-size:50px}.outil .af-price-grid-2026 .af-price-quote span{font-size:36px}.outil .af-plan-badge{right:20px}.outil .af-pricing-head h2{font-size:38px}}
@media(prefers-reduced-motion:reduce){.outil .af-hero::before,.outil .af-section::before,.outil .hero::before,.outil .section::before,.outil .cta::before,.outil .af-section.cream::after,.outil .af-section.beige::after,.outil .section.alt::after{animation:none!important}}


/* OFFICIAL LOGO PATCH 2026-09-13 */
@media(max-width:700px){}

.outil { --dark: #0b0b0b; --dark2: #1a1a1a; --g-blue: #d4af7c; --g-green: #d4af7c; --g-red: #d4af7c; --g-yellow: #d4af7c; --pink: #d4af7c; --pink2: #b9925a; --pink3: #e2c59b; --violet: #2e2e2e; --green: #7a5a24; --green2: #7a5a24;
  --grd: linear-gradient(90deg, #d4af7c, #e2c59b); --radius: 2px; --radius2: 2px; --soft: #f5f5f5; --text: #0b0b0b; --muted: #4a463f; --line: rgba(11, 11, 11, 0.14); --shadow: 0 30px 60px -40px rgba(11, 11, 11, 0.4); --shadow2: 0 30px 60px -40px rgba(11, 11, 11, 0.4);
  position: relative; width: 100%; max-width: 1200px; margin-inline: auto; padding: clamp(40px, 6vw, 80px) var(--marge); font-family: var(--sans); color: #0b0b0b; background: transparent; }
.outil :is(h1, h2, h3, h4) { font-family: var(--titre); font-weight: 600; letter-spacing: -0.025em; color: inherit; -webkit-text-fill-color: currentColor; }
.outil :is(h1, h2, h3, h4) :is(span, em, b) { background: none !important; -webkit-background-clip: border-box !important; background-clip: border-box !important; -webkit-text-fill-color: currentColor !important; color: #9a7426 !important; }
.outil *:not(.gauge-circle):not(.gauge-inner):not(.score-circle):not(.biz-avatar):not(.place-avatar):not(.spinner):not(.loader):not(.pin):not([class*="avatar"]):not([class*="circle"]) { border-radius: 2px !important; }
.outil .google-g, .outil .breadcrumb, .outil .orb, .outil .ambient { display: none !important; }
.outil section, .outil > div { background-image: none !important; }
.outil .container, .outil .shell, .outil .sim-shell { width: 100%; max-width: none; padding-inline: 0; margin-inline: 0; }
.outil button, .outil .btn, .outil input, .outil select { font-family: var(--sans); }
.outil a { color: inherit; }
.outil :is(.search-btn, .btn-primary, .btn-google, .btn-blue, .btn-dark, .cta-btns .btn:first-child) { background: #0b0b0b !important; color: #ede7dd !important; box-shadow: none !important; border-color: #0b0b0b !important; }
.outil :is(.search-btn, .btn-primary, .btn-google, .btn-blue):hover { background: #2e2e2e !important; }
.outil .btn-gold { background: #d4af7c !important; color: #0b0b0b !important; }
.outil .hero { background: #0b0b0b !important; color: #ede7dd; padding: clamp(24px, 4vw, 48px) !important; margin-bottom: 32px; }
.outil :is(.google-preview, .roi-preview, .preview-card) { color: #0b0b0b; }
.outil :is(.google-preview, .roi-preview, .preview-card) :is(h2, h3, strong, b) { color: #0b0b0b; }
.bande--outil { background: var(--creme-2); color: var(--noir); }