/* SEECOM V140 — Les cinq piliers. Uniquement [data-view-panel="rules"].
   Visuels composites, typographie réelle, aucune dépendance réseau tierce.
   Palette ERP SEECOM: #0046d6 / #000918 / #9ee116 / #2eedad */
body.ui138 [data-view-panel="rules"]{background:#f7fbff;color:#000918;}
body.ui138 .v140-rules{--v140-blue:#0046d6;--v140-green:#078941;--v140-ink:#000918;--v140-turq:#2eedad;--v140-muted:#4d6684;position:relative;isolation:isolate;padding:26px clamp(18px,2.6vw,40px) 19px;min-height:100%;overflow:hidden;color:var(--v140-ink);background:radial-gradient(ellipse at 96% 12%,#d9eaff 0,transparent 34%),radial-gradient(ellipse at 1% 89%,#e9fcf1 0,transparent 32%),#fbfdff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;}
.v140-rules::before{content:"";position:absolute;right:-150px;top:-180px;width:490px;height:370px;background:radial-gradient(circle,#c9e4ff 0%,#eaf5ff 40%,transparent 71%);border-radius:50%;z-index:-1;pointer-events:none;}
.v140-intro{position:relative;margin-bottom:14px;z-index:3;padding-right:225px;}
.v140-overline{font-size:11px;letter-spacing:.155em;color:#0046d6;font-weight:850;margin:0 0 12px;}
body.ui138 .v140-intro h1{font-size:clamp(32px,3.2vw,51px);font-weight:850;letter-spacing:-.063em;line-height:1.03;margin:0 0 10px;color:#000918;}
.v140-ink{color:#0046d6;}.v140-green{color:#078941;}
.v140-intro>p{max-width:790px;color:#54708d;font-size:clamp(12px,1.1vw,15px);line-height:1.47;margin:0;}
.v140-handnote{position:absolute;right:-205px;top:1px;max-width:180px;text-align:center;font-family:"Segoe Print","Bradley Hand",cursive;font-style:italic;font-size:15px;font-weight:700;line-height:1.35;color:#0046d6;transform:rotate(-5deg);}.v140-handnote span{display:block;font-size:38px;line-height:.6;margin-left:-65px;transform:rotate(8deg);font-weight:400;}
.v140-stage{position:relative;height:clamp(495px,49vw,590px);margin:5px auto 10px;max-width:1430px;}
.v140-connectors{position:absolute;inset:0;width:100%;height:100%;z-index:0;overflow:visible;pointer-events:none;}
.v140-connectors>path{fill:none;stroke:url(#v140-wires-grad);stroke-width:2.2;stroke-linecap:round;stroke-dasharray:1200;stroke-dashoffset:1200;animation:v140-draw .7s cubic-bezier(.24,.7,.25,1) .08s forwards;opacity:.9;}
.v140-wire-nodes circle{fill:#19d28b;stroke:#e9fff5;stroke-width:3;filter:drop-shadow(0 2px 4px #079f6a44);}
.v140-center{position:absolute;top:39%;left:39%;width:24%;height:37%;z-index:4;display:flex;align-items:center;justify-content:center;pointer-events:none;filter:drop-shadow(0 8px 25px #139aab20);}
.v140-center::before{content:"";position:absolute;inset:10%;border-radius:50%;background:radial-gradient(circle,#ceffedaa,#b4efff75 48%,transparent 70%);filter:blur(18px);z-index:-1;}
.v140-center img{width:100%;max-width:295px;height:100%;object-fit:contain;animation:v140-arrive .65s both;}
.v140-pillar{position:absolute;z-index:2;display:flex;flex-direction:row;align-items:center;overflow:hidden;min-width:0;min-height:0;border:1px solid #e2eeff;border-radius:22px;background:linear-gradient(125deg,#ffffff 0%,#ffffff 52%,#ecf7ff 100%);box-shadow:0 16px 36px #0b4c8a0e,0 4px 13px #0821450a;padding:16px 17px;animation:v140-arrive .55s both;}
.v140-pillar:nth-of-type(2){animation-delay:.06s;}.v140-pillar:nth-of-type(3){animation-delay:.1s;}.v140-pillar:nth-of-type(4){animation-delay:.14s;}.v140-pillar:nth-of-type(5){animation-delay:.18s;}.v140-pillar:nth-of-type(6){animation-delay:.22s;}
.v140-pillar::after{content:"";position:absolute;right:-14px;top:-25px;width:48%;height:160%;border-radius:50%;background:radial-gradient(ellipse,#d7fff0ab,transparent 68%);pointer-events:none;z-index:0;}
.v140-pillar-content{position:relative;z-index:2;flex:1;min-width:0;}
.v140-pillar-heading{display:flex;gap:12px;align-items:flex-start;margin-bottom:8px;}
.v140-num{flex:none;width:41px;height:41px;border-radius:50%;display:grid;place-items:center;font-size:20px;font-weight:850;line-height:1;color:#0046d6;background:#dceeff;}
.v140-num.green{background:#d3fae5;color:#078941;}
body.ui138 .v140-pillar h2{font-size:clamp(13px,1.3vw,19px);line-height:1.15;letter-spacing:-.035em;margin:1px 0 0;font-weight:820;color:#081324;}
.v140-pillar p{color:#4c6380;font-size:clamp(10px,.96vw,13px);line-height:1.45;margin:0 0 10px;max-width:270px;}
.v140-pillar ul{padding:0;margin:8px 0 0;list-style:none;display:grid;gap:6px;}
.v140-pillar li{display:flex;gap:6px;align-items:center;font-size:clamp(9px,.88vw,12px);line-height:1.2;color:#345371;}
.v140-pillar li::before{content:"✓";flex:none;display:grid;place-items:center;width:17px;height:17px;border-radius:50%;color:#fff;background:#0fb76e;font-size:11px;font-weight:800;}
.v140-pillar img.v140-art{position:absolute;right:1%;bottom:4%;z-index:1;width:43%;height:85%;object-fit:contain;pointer-events:none;filter:drop-shadow(0 9px 12px #05569a10);}
.v140-domain{left:0;top:2%;width:42%;height:39%;}.v140-domain .v140-pillar-content{max-width:60%;}.v140-domain img.v140-art{width:43%;height:72%;bottom:8%;right:1%;}
.v140-website{right:0;top:0;width:49%;height:42%;}.v140-website .v140-pillar-content{max-width:56%;}.v140-website img.v140-art{width:50%;height:89%;right:0;bottom:5%;}
.v140-hosting{left:0;bottom:0;width:39%;height:46%;}.v140-hosting .v140-pillar-content{max-width:61%;}.v140-hosting img.v140-art{right:0;bottom:2%;width:42%;height:75%;}
.v140-content{left:40%;bottom:0;width:31%;height:35%;}.v140-content .v140-pillar-content{max-width:66%;}.v140-content img.v140-art{width:48%;height:67%;bottom:3%;right:0;opacity:.94;}.v140-content .v140-pillar-heading{gap:7px;}.v140-content .v140-num{width:34px;height:34px;font-size:17px;}.v140-content p{font-size:11px;}
.v140-seo{right:0;bottom:0;width:28%;height:48%;}.v140-seo .v140-pillar-content{max-width:65%;align-self:flex-start;}.v140-seo .v140-pillar-heading{gap:7px;}.v140-seo .v140-num{width:34px;height:34px;font-size:17px;}.v140-seo p{font-size:11px;}.v140-seo .v140-pillar li{font-size:10px;}.v140-seo-art{position:absolute;z-index:1;bottom:8px;right:8px;width:49%;height:57%;pointer-events:none;}
.v140-seo-search{position:relative;top:16px;display:flex;align-items:center;gap:5px;background:#fff;box-shadow:0 6px 18px #1d69c02e;border:1px solid #bbd7f9;border-radius:10px;padding:8px 5px 8px 8px;width:133%;left:-28%;font-size:9px;color:#315279;transform:rotate(-2deg);white-space:nowrap;}
.v140-seo-search svg{width:16px;height:16px;flex:none;color:#005beb;}.v140-seo-search b{background:#005beb;color:#fff;border-radius:5px;padding:5px;flex:none;margin-left:auto;}
.v140-bars{position:absolute;right:0;bottom:0;height:75%;width:100%;display:flex;align-items:flex-end;gap:5px;justify-content:flex-end;}
.v140-bars i{background:linear-gradient(#68cdff,#0664ef);width:13%;border-radius:4px 4px 0 0;box-shadow:0 1px 6px #0069dd20;}.v140-bars i:nth-child(1){height:18%}.v140-bars i:nth-child(2){height:30%}.v140-bars i:nth-child(3){height:45%}.v140-bars i:nth-child(4){height:59%}.v140-bars i:nth-child(5){height:77%}
.v140-bars svg{position:absolute;inset:4% 0 0 0;width:100%;height:75%;filter:drop-shadow(0 2px 2px #16a76c39);}
.v140-takeaway{display:flex;justify-content:center;align-items:center;text-align:center;gap:17px;border-radius:999px;min-height:56px;background:linear-gradient(100deg,#d9fff2,#eefbf5,#dafbf0);padding:12px 24px;color:#0d2830;}
.v140-takeaway strong{font-size:clamp(12px,1.35vw,18px);font-weight:800;letter-spacing:-.025em;line-height:1.25;}.v140-takeaway em{font-style:normal;color:#078941;}.v140-takeaway-icon{font-size:29px;letter-spacing:-.25em;margin-right:10px;color:#0cb768;font-weight:800;}
.v140-disclaimer{text-align:right;color:#74899f;font-size:8px;line-height:1.35;margin:8px 4px 0;}
@keyframes v140-arrive{from{opacity:.2;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes v140-draw{to{stroke-dashoffset:0}}
@media(max-width:1320px){.v140-pillar{padding:13px;}.v140-pillar-heading{gap:7px;}.v140-num{width:34px;height:34px;font-size:16px;}.v140-rules .v140-pillar li{gap:4px;}.v140-seo-art{opacity:.68;}}
@media(max-width:1080px){.v140-intro{padding-right:0;}.v140-handnote{display:none;}.v140-stage{height:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin:24px 0 18px;}.v140-pillar{position:relative;inset:auto;width:auto!important;height:265px!important;}.v140-pillar-content{max-width:60%!important;}.v140-center,.v140-connectors{display:none;}.v140-seo{grid-column:1 / -1;height:225px!important;}.v140-seo .v140-pillar-content{max-width:48%!important;}.v140-seo-art{width:35%;height:75%;right:7%;}.v140-seo-search{width:100%;left:0;}}
@media(max-width:730px){body.ui138 .v140-rules{padding:23px 15px 26px;}.v140-intro{margin-bottom:18px;}.v140-intro h1{font-size:clamp(29px,6vw,42px)!important;}.v140-overline{font-size:9px;}.v140-intro>p{font-size:12px;}.v140-stage{display:grid;grid-template-columns:1fr;gap:13px;}.v140-pillar{min-height:215px;height:235px!important;padding:16px;}.v140-pillar .v140-pillar-content{max-width:60%!important;}.v140-pillar img.v140-art{right:0;width:43%;}.v140-content img.v140-art{height:85%;}.v140-seo{grid-column:auto;height:240px!important;}.v140-seo .v140-pillar-content{max-width:64%!important;}.v140-seo-art{width:42%;right:0;bottom:0;height:70%;}.v140-pillar h2{font-size:16px!important;}.v140-pillar p{font-size:11px;}.v140-pillar li{font-size:10px!important;}.v140-takeaway{border-radius:18px;gap:5px;}.v140-takeaway strong{font-size:12px;}.v140-takeaway-icon{font-size:21px;}.v140-disclaimer{text-align:left;font-size:9px;}}
@media(max-width:385px){.v140-pillar .v140-pillar-content{max-width:67%!important;}.v140-pillar img.v140-art{opacity:.65;right:-15px;}.v140-seo-art{opacity:.5;}.v140-pillar ul{gap:4px;}.v140-pillar li::before{width:14px;height:14px;font-size:9px;}}
@media(prefers-reduced-motion:reduce){.v140-rules *, .v140-rules *::before,.v140-rules *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important;}.v140-connectors>path{stroke-dashoffset:0!important;}}
/* V140.1 — réparations structurelles : aucune carte ne doit se chevaucher. */
body.ui138 [data-view-panel="rules"] { background:#f8fcff; }
body.ui138 .v140-rules {padding:18px clamp(18px,2.4vw,35px) 13px;overflow:visible;}
.v140-rules::before {width:380px;height:280px;}
.v140-intro {padding-right:0; margin-bottom:14px;}
.v140-overline {font-size:10px;margin-bottom:6px;}
body.ui138 .v140-intro h1 {font-size:clamp(28px,2.75vw,43px);margin:0 0 6px;line-height:1.04;}
.v140-intro>p {font-size:clamp(11px,.91vw,14px);max-width:900px;line-height:1.38;}
.v140-handnote {right:0;top:12px;font-size:12px;max-width:150px;}
.v140-stage {display:grid;position:relative;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:185px 85px 205px;gap:10px 13px;height:auto!important;min-height:0;max-width:none;margin:13px auto 8px;align-items:stretch;}
.v140-connectors {z-index:0;opacity:.72;overflow:hidden;}
.v140-connectors>path{stroke-width:1.9;}
.v140-pillar{position:relative!important;top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;width:auto!important;height:auto!important;min-height:0;max-height:none;box-shadow:0 12px 24px #0058af0e,0 2px 7px #003e7b0a;padding:12px 14px;z-index:3;border-radius:20px;background:linear-gradient(120deg,#fff 0%,#fff 50%,#f4faff 100%);}
.v140-pillar h2 {font-size:18px!important;letter-spacing:-.035em;line-height:1.16!important;}
.v140-pillar p {font-size:12.4px;max-width:330px;margin-bottom:6px;line-height:1.38;}
.v140-pillar ul {gap:4px;margin-top:6px;}
.v140-pillar li {font-size:11.6px;line-height:1.18;gap:6px;}
.v140-pillar li::before{height:15px;width:15px;font-size:10px;}
.v140-num {height:36px;width:36px;font-size:17px;}
.v140-pillar-heading{gap:8px;margin-bottom:7px;}
.v140-domain {grid-column:1/4;grid-row:1;}
.v140-website {grid-column:4/7;grid-row:1;}
.v140-hosting {grid-column:1/3;grid-row:3;}
.v140-content {grid-column:3/5;grid-row:3;}
.v140-seo {grid-column:5/7;grid-row:3;}
.v140-domain .v140-pillar-content,.v140-website .v140-pillar-content {max-width:60%;}
.v140-hosting .v140-pillar-content,.v140-content .v140-pillar-content,.v140-seo .v140-pillar-content{max-width:69%;}
.v140-domain img.v140-art {width:42%;height:88%;right:0;bottom:4%;}
.v140-website img.v140-art {width:45%;height:96%;right:0;bottom:0;object-fit:contain;}
.v140-hosting img.v140-art {width:47%;height:62%;bottom:5%;right:-2%;}
.v140-content img.v140-art {width:44%;height:55%;bottom:1%;right:0;opacity:.9;}
.v140-center {grid-column:3/5;grid-row:2;position:relative!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;z-index:1;width:100%!important;height:100%!important;display:grid;place-items:center;overflow:visible;filter:drop-shadow(0 5px 16px #087dc633);}
.v140-center img {width:160px!important;max-width:none!important;height:160px!important;object-fit:contain;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);animation:none;}
.v140-seo .v140-pillar-content{align-self:center;max-width:66%;}
.v140-seo-art{width:40%;height:60%;bottom:8px;right:8px;}
.v140-seo-search{width:135%;left:-15%;font-size:8px;}
.v140-bars{height:65%;}
.v140-takeaway{min-height:46px;padding:10px 20px;border-radius:999px;}
.v140-takeaway strong{font-size:14px;}
.v140-disclaimer{font-size:8px;margin:7px 0 0;}
@media(min-width:1350px){.v140-stage{grid-template-rows:198px 95px 212px}.v140-center img{width:185px!important;height:185px!important;}.v140-intro{margin-bottom:15px;}}
@media(max-width:1170px){.v140-stage{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;gap:14px;}.v140-pillar{grid-column:auto!important;grid-row:auto!important;min-height:226px;height:auto!important;}.v140-center,.v140-connectors{display:none!important;}.v140-seo{grid-column:1/-1!important;min-height:185px;}.v140-seo .v140-pillar-content{max-width:49%;}.v140-domain .v140-pillar-content,.v140-website .v140-pillar-content,.v140-hosting .v140-pillar-content,.v140-content .v140-pillar-content{max-width:60%;}.v140-handnote{display:none;}}
@media(max-width:720px){body.ui138 .v140-rules{padding:20px 15px 22px;}.v140-stage{grid-template-columns:1fr;gap:12px;margin:20px 0 14px;}.v140-pillar,.v140-seo{grid-column:1!important;min-height:215px;height:auto!important;padding:15px;}.v140-pillar-content{max-width:61%!important;}.v140-pillar h2{font-size:16px!important;}.v140-pillar li{font-size:10.7px!important;}.v140-pillar p{font-size:11.2px;}.v140-seo-art{opacity:.75;}.v140-takeaway{border-radius:16px;}.v140-takeaway strong{font-size:12px;}}
@media(max-width:380px){.v140-pillar-content{max-width:67%!important;}.v140-pillar img.v140-art{opacity:.75;}.v140-pillar li{font-size:10px!important;}}
@media(prefers-reduced-motion:reduce){.v140-rules *,.v140-rules *::after,.v140-rules *::before{animation:none!important;}.v140-connectors>path{stroke-dashoffset:0!important;}}

/* Lissage des bords des illustrations extraites de la maquette */
.v140-website img.v140-art{-webkit-mask-image:linear-gradient(90deg,transparent,#000 9%,#000 95%,transparent);mask-image:linear-gradient(90deg,transparent,#000 9%,#000 95%,transparent)}
.v140-domain img.v140-art{-webkit-mask-image:radial-gradient(ellipse at 46% 40%,#000 45%,transparent 76%);mask-image:radial-gradient(ellipse at 46% 40%,#000 45%,transparent 76%)}
/* Ne pas faire déborder le décor de la zone de travail. */
.v140-rules::before{right:0;}

/* V140.2 — polish visuel : cartes plus aérées, illustrations hors textes.
   Aucun changement fonctionnel. La structure et la navigation ne bougent pas. */
@media (min-width:1171px) {
 .v140-stage {grid-template-rows:185px 82px 202px;gap:10px 13px;}
 .v140-pillar {padding:12px 13px;}
 .v140-pillar p {font-size:11.7px;line-height:1.38;}
 .v140-pillar li {font-size:11.3px;line-height:1.18;}
 .v140-pillar-heading {margin-bottom:6px;}
 .v140-website .v140-pillar-content {max-width:57%;}
 .v140-website img.v140-art {width:42%;height:84%;right:0;bottom:6%;}
 .v140-domain img.v140-art {width:40%;height:82%;right:1%;bottom:6%;}
 .v140-hosting .v140-pillar-content {max-width:56%;}
 .v140-hosting img.v140-art {width:41%;height:68%;right:1%;bottom:4%;}
 .v140-content .v140-pillar-content {max-width:64%;}
 .v140-content img.v140-art {width:34%;height:58%;right:1%;bottom:3%;}
 .v140-seo .v140-pillar-content {max-width:64%;}
 .v140-seo-art {width:34%;height:54%;right:7px;bottom:5px;}
 .v140-seo-search {width:150%;left:-30%;transform:rotate(-2deg) scale(.82);transform-origin:right center;}
 .v140-center img {width:168px!important;height:168px!important;}
 .v140-takeaway{min-height:45px;}
}
@media (min-width:1171px) and (max-width:1350px){
 .v140-stage{grid-template-rows:176px 76px 201px;}
 .v140-pillar p{font-size:11px;}
 .v140-pillar li{font-size:10.6px;}
 .v140-pillar h2{font-size:16px!important;}
 .v140-center img {width:152px!important;height:152px!important;}
}
@media (min-width:721px) and (max-width:1170px){
 .v140-pillar .v140-pillar-content{max-width:58%!important;}
 .v140-pillar img.v140-art{max-width:39%;right:1%;}
 .v140-seo .v140-pillar-content{max-width:58%!important;}
 .v140-seo-art{max-width:37%;}
}
@media (max-width:720px){
 .v140-pillar .v140-pillar-content{max-width:59%!important;}
 .v140-pillar img.v140-art{width:38%;right:1%;}
 .v140-pillar .v140-art-content{width:33%;}
 .v140-seo .v140-pillar-content{max-width:62%!important;}
 .v140-seo-art {width:33%;right:1%;}
 .v140-seo-search {width:128%;left:-28%;font-size:8px;transform:rotate(-2deg) scale(.86);transform-origin:right center;}
}