:root{--navy:#062b59;--blue:#0d4e91;--orange:#ff7a00;--ink:#10243d;--muted:#64758a;--line:#dce5ef;--soft:#f4f7fb;--white:#fff;--shadow:0 24px 70px rgba(6,43,89,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Manrope,Arial,sans-serif;color:var(--ink);background:linear-gradient(180deg,#f7faff 0,#fff 45%);font-size:16px}button,input,select{font:inherit}.topbar{height:82px;display:flex;align-items:center;justify-content:space-between;max-width:1180px;margin:auto;padding:0 28px}.brand{display:flex;gap:12px;align-items:center;color:var(--navy);text-decoration:none}.brand-mark{width:38px;height:38px;border-radius:10px;background:linear-gradient(145deg,var(--navy) 0 52%,#1a7ec7 52% 72%,var(--orange) 72%);transform:skew(-8deg)}.brand strong{display:block;font-size:21px;letter-spacing:.06em}.brand small{display:block;font-size:9px;letter-spacing:.18em;font-weight:700;color:#6d7d90}.outline-link{color:var(--navy);text-decoration:none;border:1px solid #bbcad9;border-radius:999px;padding:10px 17px;font-size:14px;font-weight:700}.hero{max-width:1180px;margin:28px auto 56px;padding:0 28px;display:grid;grid-template-columns:1.45fr .75fr;gap:64px;align-items:center}.eyebrow{color:var(--orange);font-size:13px;font-weight:800;letter-spacing:.14em}.hero h1{font-size:clamp(42px,6vw,72px);line-height:1.04;letter-spacing:-.05em;margin:18px 0;color:var(--navy)}.hero h1 span{color:var(--blue)}.lead{font-size:18px;line-height:1.7;color:var(--muted);max-width:650px}.trust-row{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:28px;font-size:14px;font-weight:700;color:#2c587f}.route-card{background:var(--navy);color:white;border-radius:26px;padding:29px;box-shadow:0 25px 60px rgba(6,43,89,.25)}.route-line{display:flex;align-items:center;gap:12px}.route-line i{height:1px;background:#58769a;flex:1;position:relative}.route-line i:after{content:'›';position:absolute;right:0;top:-11px;font-style:normal}.pin{height:38px;width:38px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--navy);font-size:12px;font-weight:800}.pin.orange{background:var(--orange);color:white}.route-card>p{margin:25px 0 7px;color:#afc0d5}.route-card>strong{font-size:44px}.route-card>strong small{font-size:16px;color:#b8c7d8}.route-card ul{list-style:none;padding:20px 0 0;margin:24px 0 0;border-top:1px solid #345273}.route-card li{display:flex;justify-content:space-between;padding:9px 0;font-size:14px}.route-card li span{color:#b7c7d9}.workspace{max-width:1180px;margin:0 auto 70px;padding:0 28px;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(290px,.75fr);gap:28px;align-items:start}.form-panel{background:white;border:1px solid var(--line);border-radius:24px;padding:32px;box-shadow:var(--shadow)}.section-heading{display:flex;gap:14px;align-items:flex-start;margin-bottom:24px}.section-heading>span{width:34px;height:34px;border-radius:10px;background:#e8f1fb;color:var(--blue);font-weight:800;display:grid;place-items:center;flex:0 0 auto}.section-heading h2{font-size:22px;margin:2px 0 5px;color:var(--navy)}.section-heading p{margin:0;color:var(--muted);font-size:14px}.section-heading.compact{margin-top:28px}fieldset{border:0;padding:0;margin:0}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.choice-grid legend{font-size:14px;font-weight:700;margin-bottom:10px}.choice{border:1.5px solid var(--line);border-radius:15px;padding:16px;display:flex;gap:12px;align-items:center;cursor:pointer;transition:.2s}.choice.active{border-color:var(--blue);background:#f3f8fe;box-shadow:0 0 0 3px rgba(13,78,145,.08)}.choice input{position:absolute;opacity:0}.choice-icon{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:var(--navy);color:#fff;font-weight:800}.choice-icon.pale{background:#e8eef5;color:var(--blue)}.choice b,.choice small{display:block}.choice b{font-size:14px}.choice small{font-size:12px;color:var(--muted);margin-top:4px;line-height:1.4}.product{padding:20px;margin-top:20px;border-radius:16px;background:var(--soft);border:1px solid #e8eef5}.product-head{display:flex;justify-content:space-between;margin-bottom:15px;color:var(--navy)}.remove{border:0;background:transparent;color:#b34848;font-size:13px;cursor:pointer}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}label{display:block;font-size:13px;font-weight:700;color:#344a62;margin-top:13px}input,select{display:block;width:100%;margin-top:7px;border:1px solid #cdd9e5;border-radius:11px;padding:12px 13px;min-height:46px;background:white;color:var(--ink);outline:none}input:focus,select:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(13,78,145,.1)}.add-button{border:0;background:transparent;color:var(--blue);font-weight:800;margin-top:17px;padding:8px 0;cursor:pointer}.divider{height:1px;background:var(--line);margin:24px 0}.primary{width:100%;border:0;border-radius:13px;background:linear-gradient(105deg,var(--orange),#ff941f);color:#fff;font-weight:800;padding:15px 19px;margin-top:22px;display:flex;justify-content:center;gap:14px;cursor:pointer;box-shadow:0 10px 25px rgba(255,122,0,.25)}.form-note{text-align:center;font-size:12px;color:var(--muted);margin:10px 0 0}.summary{position:sticky;top:22px;background:#fff;border:1px solid var(--line);border-radius:24px;padding:29px;box-shadow:var(--shadow)}.summary-kicker{font-size:12px;font-weight:800;letter-spacing:.16em;color:var(--orange);margin:0 0 8px}.summary h2{font-size:21px;color:var(--navy);margin:0 0 22px}.summary-lines>div{display:flex;justify-content:space-between;gap:20px;padding:10px 0;font-size:14px}.summary-lines span{color:var(--muted)}.total{border-top:1px solid var(--line);margin-top:11px;padding-top:20px;display:flex;align-items:end;justify-content:space-between}.total span{font-weight:700}.total strong{font-size:23px;color:var(--navy)}.summary>p:not(.summary-kicker){font-size:12px;line-height:1.55;color:var(--muted)}.address{margin-top:22px;padding:17px;background:var(--soft);border-radius:14px}.address small,.address b,.address span{display:block}.address small{font-size:10px;letter-spacing:.12em;color:var(--muted);font-weight:800;margin-bottom:7px}.address b{font-size:14px}.address span{font-size:13px;color:var(--muted);line-height:1.55;margin-top:3px}dialog{border:0;border-radius:22px;padding:32px;max-width:470px;width:calc(100% - 32px);box-shadow:0 35px 90px rgba(6,43,89,.35);color:var(--ink)}dialog::backdrop{background:rgba(4,23,45,.68);backdrop-filter:blur(3px)}.dialog-close{position:absolute;right:15px;top:13px;border:0;background:transparent;font-size:28px;color:#738399;cursor:pointer}.success-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#e6f6ee;color:#168553;font-size:22px;font-weight:800}dialog h2{color:var(--navy);margin-bottom:8px}dialog p{color:var(--muted);line-height:1.6}#dialog-summary{background:var(--soft);padding:15px;border-radius:12px;font-size:14px;line-height:1.7}footer{background:var(--navy);color:#c1d0df;display:flex;justify-content:space-between;gap:15px;padding:28px max(28px,calc((100% - 1124px)/2));font-size:12px}
@media(max-width:850px){.hero{grid-template-columns:1fr;gap:28px;margin-top:15px}.hero h1{font-size:48px}.workspace{grid-template-columns:1fr}.summary{position:static;order:-1}.choice-grid{grid-template-columns:1fr}.topbar{height:72px}.outline-link{display:none}.outline-link.site-return{display:inline-flex}}
@media(max-width:520px){.topbar,.hero,.workspace{padding-left:18px;padding-right:18px}.brand strong{font-size:18px}.hero{margin-bottom:35px}.hero h1{font-size:39px}.lead{font-size:16px}.trust-row{display:grid;gap:9px}.route-card,.form-panel,.summary{border-radius:19px;padding:22px}.field-row{grid-template-columns:1fr;gap:0}.summary{order:0}.workspace{gap:18px}.choice{padding:14px}footer{display:grid;padding:24px 18px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Identité officielle Genitrans : bleu pétrole, orange, bleu profond et violet */
:root{--navy:#28268b;--blue:#21748a;--orange:#ed650b;--ink:#17374b;--muted:#647985;--line:#d8e4e8;--soft:#f2f7f8;--shadow:0 24px 70px rgba(33,116,138,.14)}
body{background:linear-gradient(180deg,#f5fafb 0,#fff 45%)}
body:before{content:"";display:block;height:5px;background:linear-gradient(90deg,var(--orange) 0 32%,var(--blue) 32% 74%,var(--navy) 74%)}
.topbar{height:112px}
.brand{display:block;width:245px;text-decoration:none}
.brand img{display:block;width:245px;height:auto}
.brand-mark,.brand>span:not(.brand-mark){display:none}
.outline-link{color:var(--blue);border-color:#b4cbd2;border-radius:9px}
.top-actions{display:flex;align-items:center;gap:10px}.admin-link{padding:10px 16px;border-radius:9px;background:var(--blue);color:#fff;text-decoration:none;font-size:14px;font-weight:800}
.hero{margin-top:22px;padding:44px;background:linear-gradient(120deg,#fff 0 61%,#eef6f7 61%);border:1px solid #dce9ec;border-radius:25px;box-shadow:0 20px 60px rgba(33,116,138,.10)}
.hero h1{color:var(--blue);font-size:clamp(42px,6vw,68px)}
.hero h1 span{color:var(--orange)}
.trust-row{color:#276a7e}
.route-card{background:linear-gradient(145deg,var(--blue),#155d73);border-radius:22px;box-shadow:0 25px 60px rgba(33,116,138,.28);border-bottom:5px solid var(--orange)}
.section-heading>span{background:var(--orange);color:#fff;border-radius:9px}
.choice-icon{background:var(--orange)}
.choice-icon.pale{background:#e2f0f2;color:var(--blue)}
.primary{background:linear-gradient(105deg,var(--orange),#f58125);border-radius:10px;box-shadow:0 10px 25px rgba(237,101,11,.25)}
footer{background:linear-gradient(100deg,var(--blue),var(--navy));color:#d8e8ec;border-top:4px solid var(--orange)}
@media(max-width:850px){.hero{padding:34px 28px}}
@media(max-width:520px){.topbar{height:88px}.brand{width:165px}.brand img{width:165px}.hero{padding:30px 18px}.top-actions .outline-link{display:none}.admin-link{padding:9px 11px;font-size:12px}}
.mode-help{display:grid;gap:5px;margin-top:16px;padding:15px 17px;border-radius:12px;background:#fff5ed;border-left:4px solid var(--orange)}
.mode-help b{color:#9a4310;font-size:14px}.mode-help span{color:#745b4c;font-size:13px;line-height:1.55}
.mode-help.self-help{background:#eef7f8;border-left-color:var(--blue)}.mode-help.self-help b{color:#155d73}.mode-help.self-help span{color:#4e6f78}
.self-box{margin-top:15px;padding:17px;border-radius:13px;background:linear-gradient(120deg,var(--blue),#155d73);color:#fff;display:flex;justify-content:space-between;align-items:center;gap:16px}
.self-box[hidden]{display:none}.self-box small,.self-box b{display:block}.self-box small{font-size:10px;letter-spacing:.1em;color:#cce1e6;margin-bottom:7px}.self-box b{font-size:14px;line-height:1.5}.self-box button{border:1px solid rgba(255,255,255,.55);background:transparent;color:#fff;border-radius:8px;padding:9px 12px;font-weight:700;white-space:nowrap;cursor:pointer}
@media(max-width:520px){.self-box{align-items:flex-start;flex-direction:column}.self-box button{width:100%}}
.fee-live{margin-top:15px;padding:15px 17px;border:1px solid #f0cbb2;border-radius:12px;background:#fff9f4;display:grid;grid-template-columns:1fr auto;gap:3px 15px;align-items:center}
.fee-live[hidden]{display:none}.fee-live span{font-size:14px;font-weight:700;color:#77401e}.fee-live b{font-size:18px;color:var(--orange)}.fee-live small{grid-column:1/-1;color:#806c5e;font-size:12px;line-height:1.5}
.field-row.three{grid-template-columns:1.25fr 1fr .75fr}.link-detection{display:block;color:#6c7f89;font-size:12px;line-height:1.5;margin-top:7px}.rate-status{margin:8px 0 0;color:#6c7f89;font-size:12px;line-height:1.5}
.payment-note{display:block;margin-top:7px;color:#6c7f89;font-size:12px;line-height:1.5}
.form-error{margin-top:18px;padding:13px 15px;border:1px solid #e9b6a4;border-left:4px solid #c7441f;border-radius:10px;background:#fff1ec;color:#8f3218;font-size:13px;font-weight:700;line-height:1.5}.form-error[hidden]{display:none}
.cash-amount{margin-top:12px;padding:15px 17px;border:1px solid #f0cbb2;border-left:4px solid var(--orange);border-radius:11px;background:#fff8f2;display:grid;grid-template-columns:1fr auto;gap:4px 15px;align-items:center}.cash-amount[hidden]{display:none}.cash-amount span{font-size:14px;font-weight:800;color:#75401f}.cash-amount b{font-size:20px;color:var(--orange)}.cash-amount small{grid-column:1/-1;color:#806c5e;font-size:12px;line-height:1.45}
@media(max-width:650px){.field-row.three{grid-template-columns:1fr 1fr}.field-row.three label:first-child{grid-column:1/-1}}
.delivery-choice{margin-top:18px;border:0;padding:0}.delivery-choice[hidden]{display:none}.delivery-choice legend{font-size:13px;font-weight:800;color:#344a62;margin-bottom:8px}.delivery-choice{display:grid;grid-template-columns:1fr 1fr;gap:10px}.delivery-choice label{display:flex;align-items:center;gap:10px;margin:0;padding:13px;border:1px solid #cdd9e5;border-radius:11px;background:#fff;cursor:pointer}.delivery-choice input{width:auto;min-height:0;margin:0;accent-color:var(--orange)}.delivery-choice b,.delivery-choice small{display:block}.delivery-choice b{font-size:13px}.delivery-choice small{font-size:12px;color:var(--muted);margin-top:3px}.conversion-line{margin-top:10px;padding:9px 11px;border-radius:8px;background:#eef6f7;color:#4c707b;font-size:12px;line-height:1.45}
@media(max-width:520px){.delivery-choice{grid-template-columns:1fr}}
.verify-row{margin-top:12px;padding:15px;background:#fff;border:1px solid #d7e3e7;border-radius:11px}.verify-link{width:100%;border:0;background:linear-gradient(105deg,var(--orange),#f58125);color:#fff;border-radius:9px;padding:13px 15px;font-size:14px;font-weight:800;cursor:pointer;box-shadow:0 8px 20px rgba(237,101,11,.22)}.verify-link:disabled{opacity:.65;cursor:wait}.verified-check{display:flex;align-items:center;gap:9px;margin-top:12px;font-size:13px;cursor:pointer}.verified-check input{width:auto;min-height:0;margin:0;accent-color:var(--orange)}.verified-check.attention{color:#a4440c}.verify-status{display:block;margin-top:8px;color:#7b8990;font-size:12px;line-height:1.5}.verify-status.ok{color:#247556}.verify-status a{color:var(--blue);font-weight:800}.product-preview{display:grid;grid-template-columns:64px minmax(0,1fr);gap:12px;align-items:center;margin-top:13px;padding:13px;border:1px solid #dbe7e9;border-radius:10px;background:#f6fafb}.product-preview[hidden]{display:none}.preview-image{width:64px;height:64px;object-fit:contain;border-radius:7px;background:#fff}.preview-image[hidden]+div{grid-column:1/-1}.preview-shop,.preview-title,.preview-price,.preview-weight{display:block}.preview-shop{color:var(--orange);font-size:10px;text-transform:uppercase;letter-spacing:.08em}.preview-title{margin:3px 0 7px;color:var(--ink);font-size:14px;line-height:1.35;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.preview-price{display:inline-block;padding:4px 8px;border-radius:6px;background:#e6f3f5;font-size:12px;font-weight:800;color:var(--blue)}.preview-weight{display:inline-block;margin:4px 0 0 5px;padding:4px 8px;border-radius:6px;background:#fff0e5;color:#7c4a27;font-size:11px;line-height:1.3}.weight-help{display:block;margin-top:5px;color:#6c7f89;font-size:11px;font-weight:500;line-height:1.4}