
/* Styles contenus dans #tm-procedures pour éviter les conflits avec WordPress */
#tm-procedures{--navy:#06142e;--navy2:#0b2450;--blue:#0875fa;--cyan:#19d3f5;--purple:#8c55ff;--ink:#10213e;--muted:#59708e;--edge:#dce8f9;--paper:#f4f8ff;font:16px/1.55 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#fff;isolation:isolate}#tm-procedures *{box-sizing:border-box}#tm-procedures a{text-decoration:none}#tm-procedures button{font:inherit;cursor:pointer}#tm-procedures .wrap{max-width:1200px;margin:auto;padding:0 22px}#tm-procedures .hero{position:relative;overflow:hidden;background:radial-gradient(circle at 90% 8%,#1735a5 0%,transparent 29%),radial-gradient(circle at 60% 75%,#003e85 0%,transparent 45%),linear-gradient(135deg,#06142e,#0b2450 80%);color:#fff;padding:70px 0 62px}#tm-procedures .hero:before{content:"";position:absolute;right:-160px;top:-180px;width:550px;height:550px;border:1px solid #62ddff4a;border-radius:50%;box-shadow:0 0 0 70px #3b8cff0a,0 0 0 150px #3b8cff08}#tm-procedures .eyebrow{color:#44ddff;letter-spacing:.14em;text-transform:uppercase;font-size:12px;font-weight:800}#tm-procedures .hero h1{font-size:clamp(34px,5vw,66px);line-height:1.06;letter-spacing:-.045em;margin:15px 0 18px;font-weight:850;max-width:800px}#tm-procedures .hero h1 span{background:linear-gradient(90deg,#33d8ff,#66aaff,#bd8eff);background-clip:text;color:transparent}#tm-procedures .hero p{max-width:700px;color:#d5e5ff;font-size:18px;margin:0 0 28px}#tm-procedures .hero-actions,#tm-procedures .actions{display:flex;gap:12px;flex-wrap:wrap}#tm-procedures .btn{border:0;border-radius:13px;padding:13px 19px;font-weight:750;display:inline-flex;align-items:center;justify-content:center;gap:9px;transition:transform .18s,box-shadow .18s}#tm-procedures .btn:hover{transform:translateY(-2px)}#tm-procedures .primary{background:linear-gradient(100deg,#0478ff,#06bfff);color:#fff;box-shadow:0 10px 24px #0089ff30}#tm-procedures .outline{color:#fff;border:1px solid #7698c4;background:#ffffff14}#tm-procedures .light{color:#0755ab;background:#eaf4ff}#tm-procedures .hero-features{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}#tm-procedures .hero-features span{border:1px solid #ffffff25;border-radius:50px;background:#ffffff0e;padding:7px 12px;font-size:13px;color:#cfe7ff}#tm-procedures .content{background:linear-gradient(#f4f8ff,#fff 55%);padding:44px 0 75px}#tm-procedures .section-heading{margin:0 0 8px;font-size:clamp(26px,3vw,36px);letter-spacing:-.035em;line-height:1.15}#tm-procedures .section-sub{color:var(--muted);margin:0 0 25px}#tm-procedures .selector{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;margin:0 0 25px}#tm-procedures .device-btn{min-height:112px;padding:13px 6px;border:1px solid #d6e4f6;border-radius:16px;background:#fff;color:#243b5b;text-align:center;font-weight:750;font-size:13px;box-shadow:0 5px 17px #07335d08}#tm-procedures .device-btn .symbol{display:block;font-size:30px;margin-bottom:8px}#tm-procedures .device-btn[aria-selected="true"]{background:linear-gradient(140deg,#0669eb,#0aafed);color:#fff;border-color:transparent;box-shadow:0 10px 24px #0876fa35}#tm-procedures .guide{display:none;animation:tmfade .18s ease-out}#tm-procedures .guide.active{display:block}@keyframes tmfade{from{opacity:.5;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}#tm-procedures .guide-shell{background:#fff;border:1px solid var(--edge);border-radius:24px;overflow:hidden;box-shadow:0 18px 60px #113e7012}#tm-procedures .guide-intro{display:flex;gap:22px;justify-content:space-between;align-items:center;padding:27px 30px;border-bottom:1px solid var(--edge)}#tm-procedures .guide-intro h3{font-size:27px;line-height:1.2;letter-spacing:-.025em;margin:6px 0}#tm-procedures .guide-intro p{margin:0;color:var(--muted)}#tm-procedures .label{display:inline-block;font-size:11px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:#007bc1}#tm-procedures .tag{display:inline-block;padding:7px 11px;border-radius:99px;background:#e7f5ff;color:#0768b7;font-size:12px;font-weight:800;white-space:nowrap}#tm-procedures .guide-body{padding:30px}#tm-procedures .two-col{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:27px;align-items:start}#tm-procedures .steps{counter-reset:st;display:grid;gap:12px;padding:0;margin:0;list-style:none}#tm-procedures .steps li{position:relative;counter-increment:st;display:flex;gap:14px;padding:15px 16px;background:#f5f9ff;border:1px solid #e3edfa;border-radius:14px}#tm-procedures .steps li:before{content:counter(st);flex:0 0 32px;height:32px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#0874ee,#03c5ee);color:#fff;font-weight:850}#tm-procedures .steps strong{display:block;color:#0a254c;margin-bottom:2px}#tm-procedures .steps small{color:#627895;font-size:13px}#tm-procedures .visual{border-radius:18px;overflow:hidden;background:linear-gradient(145deg,#06142e,#133f8e);color:#fff;box-shadow:0 12px 25px #09265619}#tm-procedures .visual img{width:100%;height:auto;display:block}#tm-procedures .visual-caption{padding:11px 15px;font-size:12px;color:#d5e7ff}#tm-procedures .note{border:1px solid #bcdafa;background:#edf7ff;padding:14px 16px;border-radius:13px;color:#264e7d;font-size:14px;margin-top:17px}#tm-procedures .warning{border-color:#f5d3a1;background:#fff8eb;color:#785017}#tm-procedures .code-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:26px 0}#tm-procedures .code-card{position:relative;background:#fff;border:1px solid #d9e7f8;border-radius:16px;padding:18px 13px;box-shadow:0 7px 20px #112b530b;text-align:center}#tm-procedures .code-card .code-name{font-size:13px;font-weight:800;color:#4a6687}#tm-procedures .code-card .code-num{display:block;font-size:clamp(19px,2.7vw,30px);letter-spacing:.03em;color:#092b69;font-weight:900;font-variant-numeric:tabular-nums;margin:5px 0 10px}#tm-procedures .copy{background:#eaf4ff;border:0;border-radius:9px;color:#0062ba;padding:8px 12px;font-weight:800;font-size:12px}#tm-procedures .credential{border:1px solid #c7e2ff;border-radius:17px;padding:20px;background:linear-gradient(135deg,#eaf5ff,#f7f3ff);margin-top:23px}#tm-procedures .credential h4{margin:0 0 10px;font-size:17px}#tm-procedures .credential-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}#tm-procedures .field{border:1px solid #dce8fa;background:#fff;padding:10px 13px;border-radius:10px;color:#516982;font-size:13px}#tm-procedures .field strong{display:block;color:#122c53;font-size:13px}#tm-procedures .app-screen{min-height:245px;display:flex;align-items:center;justify-content:center;padding:23px;background:radial-gradient(circle at 50% 0,#1a7af7 0,transparent 65%),linear-gradient(145deg,#081b40,#04102c);color:#fff}#tm-procedures .screen-inner{width:100%;max-width:360px;border:1px solid #64cfff65;border-radius:15px;padding:19px;background:#071c3fd9;box-shadow:0 0 35px #1c9ffc25}#tm-procedures .screen-inner .screen-title{font-weight:900;text-align:center;color:#53d9ff;font-size:20px;margin-bottom:16px}#tm-procedures .screen-field{border:1px solid #4b81b6;border-radius:7px;background:#0c305d;margin:8px 0;padding:9px;color:#c3defa;font-size:13px}#tm-procedures .screen-button{background:linear-gradient(100deg,#0785ff,#24d6fa);border-radius:8px;padding:10px;text-align:center;font-weight:800;margin-top:12px}#tm-procedures .model-card{border:1px solid #d8e7f9;border-radius:15px;background:#fff;padding:19px;margin-top:12px}#tm-procedures .model-card h4{font-size:17px;margin:3px 0}#tm-procedures .model-card p{font-size:14px;color:#5b708e;margin:0 0 10px}#tm-procedures .model-card a{font-weight:800;color:#0672dd}#tm-procedures .callout{border-radius:22px;background:linear-gradient(110deg,#061f4a,#0753ba);color:#fff;padding:30px;display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:30px}#tm-procedures .callout h3{font-size:25px;letter-spacing:-.03em;margin:0 0 5px}#tm-procedures .callout p{color:#ccdef8;margin:0}#tm-procedures .callout .btn{white-space:nowrap}#tm-procedures .faq{margin-top:45px}#tm-procedures details{background:#fff;border:1px solid #dae7f7;border-radius:13px;margin:10px 0;padding:0 19px}#tm-procedures summary{cursor:pointer;padding:17px 0;font-weight:800;color:#153259}#tm-procedures details p{margin:0 0 18px;color:#546b87;font-size:15px}#tm-procedures .finish{margin-top:32px;text-align:center;color:#65809d;font-size:13px}#tm-procedures .device-tabs-top{scroll-margin-top:110px}#tm-procedures .helper-link{color:#0871dc;font-weight:750}#tm-procedures .guide-footer{padding:15px 30px;background:#f8fbff;border-top:1px solid #e1edf9;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:#5a7392;font-size:13px}#tm-procedures .guide-footer a{color:#026cd1;font-weight:800}#tm-procedures .mini-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:14px}#tm-procedures .mini-illustration{border:1px solid #d7e5f7;border-radius:11px;padding:15px 7px;text-align:center;background:linear-gradient(#f5faff,#e8f1ff);font-size:12px;color:#3b5477;font-weight:750}#tm-procedures .mini-illustration b{display:block;font-size:28px;margin-bottom:4px}#tm-procedures .instruction-title{font-size:17px;margin:20px 0 12px}#tm-procedures .inline-link{color:#0474df;font-weight:750;overflow-wrap:anywhere}#tm-procedures .substeps{margin:9px 0 0;padding-left:20px;font-size:14px}#tm-procedures .substeps li{margin:4px 0}#tm-procedures .substeps li:before{display:none}#tm-procedures .substeps li{display:list-item;border:0;background:transparent;padding:0;counter-increment:none}#tm-procedures .last-help{padding:15px 0 0;color:#60758e;font-size:14px}
@media(max-width:900px){#tm-procedures .selector{grid-template-columns:repeat(4,1fr)}#tm-procedures .two-col{grid-template-columns:1fr}#tm-procedures .visual{max-width:600px;width:100%;margin:auto}#tm-procedures .code-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:580px){#tm-procedures .hero{padding:46px 0}#tm-procedures .hero p{font-size:16px}#tm-procedures .wrap{padding:0 14px}#tm-procedures .selector{grid-template-columns:repeat(3,1fr);gap:7px}#tm-procedures .device-btn{min-height:96px;font-size:12px}#tm-procedures .device-btn .symbol{font-size:25px}#tm-procedures .guide-intro{padding:20px;align-items:start;flex-wrap:wrap}#tm-procedures .guide-intro h3{font-size:23px}#tm-procedures .guide-body{padding:17px}#tm-procedures .code-grid{gap:8px}#tm-procedures .code-card{padding:13px 6px}#tm-procedures .credential-grid{grid-template-columns:1fr}#tm-procedures .callout{display:block;padding:23px}#tm-procedures .callout .btn{margin-top:17px}#tm-procedures .guide-footer{padding:14px 20px}#tm-procedures .mini-gallery{grid-template-columns:1fr 1fr 1fr}}@media(prefers-reduced-motion:reduce){#tm-procedures *{animation:none!important;transition:none!important}}

/* Keep the provided layout independent of shared homepage rules. */
#tm-procedures .hero{display:block;width:100%;margin:0}
#tm-procedures .hero>.wrap{position:relative;z-index:1}
#tm-procedures .section-heading{display:block}
#tm-procedures .guide{scroll-margin-top:120px}
#tm-procedures :focus-visible{outline:3px solid #007CFB;outline-offset:4px}
