:root{
  --ink:#071a33;--ink-2:#102c4e;--blue:#195cf2;--blue-2:#397aff;--cyan:#16c4e7;
  --paper:#f7f9fc;--white:#fff;--muted:#64748b;--line:#dce5ef;--soft:#edf3fa;
  --success:#12a66a;--danger:#c7374d;--radius:24px;--shadow:0 25px 80px rgba(7,26,51,.11);
  --container:min(1180px,calc(100% - 42px));
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--white);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6;overflow-x:hidden}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}.container{width:var(--container);margin-inline:auto}.section{padding:110px 0}.skip-link{position:fixed;top:10px;left:10px;transform:translateY(-160%);background:#fff;padding:10px 14px;z-index:500;border-radius:8px}.skip-link:focus{transform:none}.reveal{opacity:0;transform:translateY(28px);transition:opacity .75s ease,transform .75s ease}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.1s}.delay-2{transition-delay:.2s}.delay-3{transition-delay:.3s}
.top-signal{background:var(--ink);color:#c9d8eb;font-size:.74rem;letter-spacing:.08em;text-transform:uppercase}.top-signal .container{height:34px;display:flex;align-items:center;justify-content:flex-end;gap:10px}.live-dot{width:7px;height:7px;border-radius:50%;background:#45efaa;box-shadow:0 0 0 5px rgba(69,239,170,.12)}.top-separator{width:1px;height:12px;background:#3a4f69;margin:0 7px}
.site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.9);backdrop-filter:blur(18px);border-bottom:1px solid rgba(220,229,239,.85)}.nav-wrap{height:82px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px}.brand-symbol{position:relative;width:48px;height:48px;border-radius:15px;background:var(--ink);display:grid;place-items:center;color:#fff;overflow:hidden}.brand-symbol:after{content:"";position:absolute;right:0;top:0;width:7px;height:100%;background:linear-gradient(var(--blue),var(--cyan))}.brand-symbol i{position:absolute;width:30px;height:30px;border:1px solid rgba(255,255,255,.15);border-radius:50%}.brand-symbol b{font-size:1.45rem;position:relative;z-index:2}.brand-copy{display:flex;flex-direction:column;line-height:1.1}.brand-copy strong{font-size:1.12rem;letter-spacing:.03em}.brand-copy strong span{font-weight:500}.brand-copy small{font-size:.67rem;color:var(--muted);margin-top:5px;letter-spacing:.08em;text-transform:uppercase}.nav{display:flex;align-items:center;gap:6px}.nav>a{padding:12px 14px;font-size:.91rem;font-weight:750;color:#33455d;border-radius:11px}.nav>a:hover,.nav>a.active{color:var(--blue);background:#f0f5ff}.nav .nav-cta{background:var(--ink);color:#fff;margin-left:7px;padding:13px 17px}.nav .nav-cta:hover,.nav .nav-cta.active{background:var(--blue);color:#fff}.nav-cta span{margin-left:8px}.burger{display:none;width:44px;height:44px;border:0;background:var(--ink);border-radius:12px;padding:12px}.burger span{display:block;height:2px;background:#fff;margin:4px 0;transition:.2s}.flash-wrap{position:relative;z-index:80}.flash{margin:15px 0 0;padding:14px 18px;border-radius:14px;font-weight:700;border:1px solid}.flash.success{background:#e9fff5;color:#08744c;border-color:#bcebd7}.flash.error{background:#fff0f2;color:#a3273b;border-color:#f0c4cc}
.kicker,.section-label{display:inline-flex;align-items:center;gap:9px;font-size:.76rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase;color:var(--blue)}.kicker i{width:28px;height:2px;background:currentColor}.kicker.cyan,.cyan-label{color:#048eab}.section-label.light{color:#84c8ff}.hero{position:relative;overflow:hidden}.hero-v2{min-height:690px;background:linear-gradient(135deg,#f9fbff 0%,#fff 60%)}.hero-grid,.page-grid,.cta-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(25,92,242,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(25,92,242,.055) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,black,transparent)}.hero-glow{position:absolute;width:650px;height:650px;border-radius:50%;right:-250px;top:-180px;background:radial-gradient(circle,rgba(22,196,231,.18),rgba(25,92,242,.08) 45%,transparent 72%)}.hero-layout{position:relative;display:grid;grid-template-columns:1.08fr .92fr;gap:65px;align-items:center;min-height:690px;padding:75px 0}.hero-copy h1,.page-copy h1,.page-hero h1{font-size:clamp(3rem,5.8vw,5.35rem);line-height:.98;letter-spacing:-.06em;margin:24px 0 26px;max-width:800px}.hero-copy>p,.page-copy>p,.page-hero .container>p{font-size:1.15rem;line-height:1.75;color:#53657d;max-width:700px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}.button{display:inline-flex;align-items:center;justify-content:center;gap:16px;border-radius:14px;padding:15px 20px;font-weight:850;border:1px solid transparent;transition:.22s;min-height:52px}.button span{transition:.2s}.button:hover{transform:translateY(-2px)}.button:hover span{transform:translate(2px,-2px)}.button-primary{background:var(--blue);color:#fff;box-shadow:0 12px 28px rgba(25,92,242,.25)}.button-primary:hover{background:#104bd2}.button-outline{border-color:#cdd8e6;background:rgba(255,255,255,.7);color:var(--ink)}.button-outline:hover{border-color:var(--blue);color:var(--blue)}.button-dark{background:var(--ink);color:#fff}.button-cyan{background:#05a6c7;color:#fff;box-shadow:0 12px 28px rgba(5,166,199,.25)}.button-light{background:#fff;color:var(--ink)}.full-button{width:100%}.hero-proof{display:flex;gap:20px;flex-wrap:wrap;margin-top:40px;color:#5b6c82;font-size:.82rem;font-weight:700}.hero-proof span{display:flex;align-items:center;gap:8px}.hero-proof b{font-size:.65rem;color:var(--blue);border:1px solid #cddbf0;border-radius:6px;padding:2px 5px}.hero-stage{position:relative;height:510px}.stage-orbit{position:absolute;border-radius:50%;border:1px solid rgba(25,92,242,.16);inset:30px}.orbit-b{inset:95px;border-style:dashed;animation:spin 30s linear infinite}.stage-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:165px;height:165px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;align-content:center;box-shadow:0 30px 80px rgba(7,26,51,.3)}.stage-core:before{content:"";position:absolute;inset:13px;border-radius:50%;border:1px solid rgba(255,255,255,.17)}.stage-core span{font-size:2.45rem;font-weight:950;letter-spacing:-.06em}.stage-core small{font-size:.58rem;letter-spacing:.16em;color:#72ddf5}.stage-card{position:absolute;width:235px;padding:20px;border-radius:20px;background:rgba(255,255,255,.92);border:1px solid #d8e3ee;box-shadow:var(--shadow);backdrop-filter:blur(12px)}.stage-card strong{display:block;line-height:1.3;margin:12px 0;color:var(--ink)}.stage-web{left:0;top:65px}.stage-it{right:0;bottom:75px}.stage-code{font-size:.62rem;letter-spacing:.15em;font-weight:900;color:var(--blue)}.stage-it .stage-code{color:#059ab9}.mini-bars{display:flex;gap:5px;align-items:end;height:25px}.mini-bars i{display:block;width:22px;background:#dfe9f5;border-radius:3px}.mini-bars i:nth-child(1){height:12px}.mini-bars i:nth-child(2){height:23px;background:var(--blue)}.mini-bars i:nth-child(3){height:17px}.node-map{height:31px;position:relative}.node-map:before{content:"";position:absolute;left:14px;right:14px;top:14px;height:1px;background:#bed6df}.node-map i{position:absolute;width:10px;height:10px;border-radius:50%;background:#fff;border:3px solid var(--cyan);top:10px}.node-map i:nth-child(1){left:8px}.node-map i:nth-child(2){left:65px}.node-map i:nth-child(3){right:65px}.node-map i:nth-child(4){right:8px}.stage-status{position:absolute;left:50%;bottom:8px;transform:translateX(-50%);display:flex;align-items:center;gap:10px;padding:11px 14px;border:1px solid #dce6ee;border-radius:12px;background:#fff;box-shadow:0 15px 40px rgba(7,26,51,.1);font-size:.73rem;white-space:nowrap}.stage-status i{width:8px;height:8px;border-radius:50%;background:#26d68b}.stage-status b{font-size:.65rem;color:var(--blue);padding-left:9px;border-left:1px solid #dce4ec}@keyframes spin{to{transform:rotate(360deg)}}
.trust-strip{background:var(--ink);color:#a8b9ce}.trust-strip .container{min-height:74px;display:flex;align-items:center;justify-content:center;gap:34px;font-size:.68rem;letter-spacing:.13em;font-weight:800}.trust-strip i{width:4px;height:4px;border-radius:50%;background:var(--cyan)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:52px}.section-head>div{max-width:720px}.section-head h2,.focus-copy h2,.outcomes-copy h2,.deliverables-copy h2{font-size:clamp(2.25rem,4vw,3.7rem);line-height:1.07;letter-spacing:-.045em;margin:16px 0 0}.section-head>p{max-width:390px;color:var(--muted);margin:0}.orientation{background:#fff}.orientation-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.universe-card{position:relative;padding:38px;border:1px solid var(--line);border-radius:30px;overflow:hidden;min-height:510px;display:flex;flex-direction:column;transition:.3s;background:#fff}.universe-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 40%,rgba(25,92,242,.05));opacity:0;transition:.3s}.universe-card:hover{transform:translateY(-7px);box-shadow:var(--shadow);border-color:#b9ccec}.universe-card:hover:before{opacity:1}.universe-it:before{background:linear-gradient(135deg,transparent 40%,rgba(22,196,231,.08))}.universe-top{display:flex;justify-content:space-between;align-items:start}.universe-top span{font-size:.65rem;font-weight:900;letter-spacing:.13em;color:var(--muted)}.universe-top b{font-size:5.5rem;line-height:.8;letter-spacing:-.08em;color:#eef3fa}.universe-icon{width:92px;height:75px;margin:20px 0 35px;position:relative}.browser-icon{border:2px solid var(--blue);border-radius:12px;padding-top:18px}.browser-icon:before{content:"";position:absolute;left:0;right:0;top:17px;border-top:2px solid var(--blue)}.browser-icon i{position:absolute;top:7px;width:5px;height:5px;border-radius:50%;background:var(--blue)}.browser-icon i:nth-child(1){left:9px}.browser-icon i:nth-child(2){left:19px}.browser-icon i:nth-child(3){left:29px}.browser-icon:after{content:"";position:absolute;left:13px;top:31px;width:45px;height:19px;border-left:18px solid var(--blue);border-top:7px solid #dce7ff;border-bottom:7px solid #dce7ff}.terminal-icon{border:2px solid #06a2c3;border-radius:12px;display:grid;place-items:center;font-weight:950;font-size:1.5rem;color:#0687a2}.universe-card h3{font-size:2.4rem;margin:0 0 10px;letter-spacing:-.04em}.universe-card>p{color:var(--muted);max-width:500px}.universe-card ul{padding:0;margin:25px 0 35px;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:10px}.universe-card li{font-size:.84rem;font-weight:750}.universe-card li:before{content:"+";color:var(--blue);margin-right:8px}.universe-it li:before{color:#06a2c3}.universe-link{margin-top:auto;font-weight:900;display:flex;justify-content:space-between;padding-top:20px;border-top:1px solid var(--line)}
.dark-section{background:var(--ink);color:#fff;position:relative;overflow:hidden}.dark-section:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.09) 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(90deg,transparent,black)}.outcomes-layout{position:relative;display:grid;grid-template-columns:.8fr 1.2fr;gap:100px}.outcomes-copy{position:sticky;top:150px;height:max-content}.outcomes-copy p{color:#aab9ca;font-size:1.05rem}.text-arrow{display:inline-flex;align-items:center;gap:15px;font-weight:900;color:var(--blue);margin-top:16px}.text-arrow.light{color:#fff}.outcome-list article{display:grid;grid-template-columns:70px 1fr;gap:25px;padding:32px 0;border-top:1px solid rgba(255,255,255,.13)}.outcome-list article:last-child{border-bottom:1px solid rgba(255,255,255,.13)}.outcome-list article>span{font-size:.7rem;color:#5fdcf4;font-weight:900}.outcome-list h3{font-size:1.45rem;margin:0 0 7px}.outcome-list p{color:#9fb0c4;margin:0}.focus-section{overflow:hidden}.focus-section.alt-focus{background:var(--paper)}.focus-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.focus-grid.reverse .focus-visual{order:2}.focus-copy p{color:var(--muted);font-size:1.04rem}.check-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:28px 0 32px}.check-grid span{font-size:.86rem;font-weight:750}.check-grid span:before{content:"✓";display:inline-grid;place-items:center;width:20px;height:20px;background:#e9f0ff;color:var(--blue);border-radius:6px;margin-right:8px}.focus-visual{position:relative;height:465px}.web-focus{background:linear-gradient(145deg,#e9f1ff,#f8fbff);border-radius:30px;display:grid;place-items:center}.screen-shell{width:82%;background:#fff;border:1px solid #cfdae8;border-radius:18px;box-shadow:0 30px 75px rgba(7,26,51,.15);overflow:hidden;transform:rotate(-2deg)}.screen-head{height:38px;background:#f3f6fa;display:flex;align-items:center;gap:7px;padding:0 12px}.screen-head i{width:7px;height:7px;border-radius:50%;background:#b8c4d2}.screen-head span{margin-left:8px;font-size:.58rem;color:#7c8999}.screen-body{padding:24px}.screen-nav{height:9px;width:42%;background:var(--ink);border-radius:5px;margin-bottom:45px}.screen-title{height:26px;width:72%;background:var(--ink);border-radius:5px}.screen-line{height:8px;width:86%;background:#d6dfeb;border-radius:4px;margin-top:13px}.screen-line.short{width:58%}.screen-button{height:28px;width:105px;background:var(--blue);border-radius:7px;margin:20px 0}.screen-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.screen-cards i{height:60px;background:#eef3f9;border-radius:8px}.floating-tag{position:absolute;padding:9px 12px;border-radius:9px;background:var(--ink);color:#fff;font-size:.6rem;font-weight:900;letter-spacing:.13em;box-shadow:0 15px 35px rgba(7,26,51,.2)}.tag-a{left:4%;bottom:18%}.tag-b{right:3%;top:20%;background:var(--blue)}.it-focus{border-radius:30px;background:var(--ink);overflow:hidden;display:grid;place-items:center}.it-focus:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(22,196,231,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(22,196,231,.07) 1px,transparent 1px);background-size:28px 28px}.infra-panel{position:relative;width:70%;padding:24px;border-radius:16px;background:rgba(12,40,70,.92);border:1px solid rgba(86,216,241,.3);box-shadow:0 25px 55px rgba(0,0,0,.35);color:#dcecff}.infra-head{display:flex;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:14px;margin-bottom:8px;font-size:.68rem;letter-spacing:.12em}.infra-head i{font-style:normal;color:#51e8b0}.infra-row{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.08);font-size:.78rem}.infra-row span{color:#8ba5be}.infra-row .online{color:#4fe1a8}.infra-graph{height:65px;display:flex;align-items:end;gap:7px;padding-top:12px}.infra-graph i{flex:1;background:linear-gradient(var(--cyan),var(--blue));border-radius:3px 3px 0 0}.infra-graph i:nth-child(1){height:25%}.infra-graph i:nth-child(2){height:45%}.infra-graph i:nth-child(3){height:35%}.infra-graph i:nth-child(4){height:75%}.infra-graph i:nth-child(5){height:52%}.infra-graph i:nth-child(6){height:90%}.infra-graph i:nth-child(7){height:65%}.infra-node{position:absolute;width:15px;height:15px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 8px rgba(22,196,231,.12)}.node-1{left:12%;top:20%}.node-2{right:12%;top:25%}.node-3{right:15%;bottom:18%}.method{background:#fff}.method-track{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.method-track article{padding:35px 28px;border-right:1px solid var(--line);min-height:245px}.method-track article:last-child{border-right:0}.method-track span,.service-index{font-size:.65rem;letter-spacing:.14em;font-weight:900;color:var(--blue)}.method-track h3{font-size:1.45rem;margin:50px 0 10px}.method-track p{color:var(--muted);font-size:.9rem}.price-preview{padding-top:20px}.price-preview-card{position:relative;background:linear-gradient(120deg,var(--ink),#0d355e);border-radius:32px;padding:48px;color:#fff;display:grid;grid-template-columns:1.1fr 1.4fr auto;gap:35px;align-items:center;overflow:hidden}.price-preview-card:after{content:"";position:absolute;width:300px;height:300px;border-radius:50%;right:-180px;top:-160px;background:rgba(22,196,231,.2)}.price-preview-card h2{font-size:2.4rem;line-height:1.08;margin:14px 0 10px}.price-preview-card p{color:#aabbd0}.price-mini-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid rgba(255,255,255,.14);border-radius:18px;overflow:hidden}.price-mini-grid article{padding:20px;border-right:1px solid rgba(255,255,255,.14)}.price-mini-grid article:last-child{border-right:0}.price-mini-grid span{display:block;color:#7fdcf0;font-size:.58rem;letter-spacing:.1em;font-weight:900}.price-mini-grid strong{display:block;margin-top:8px;font-size:.95rem}.projects-preview{background:var(--paper)}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.project-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:24px;overflow:hidden;transition:.25s}.project-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.project-media{height:240px;background:#e8eef7;overflow:hidden}.project-media img{width:100%;height:100%;object-fit:cover;transition:.4s}.project-card:hover img{transform:scale(1.035)}.project-placeholder{display:grid;place-items:center;background:var(--ink);color:#fff;position:relative}.project-placeholder span{font-size:3rem;font-weight:950;z-index:2}.project-placeholder i{position:absolute;width:150px;height:150px;border:1px solid rgba(255,255,255,.15);border-radius:50%}.project-content{padding:26px}.project-category{font-size:.65rem;color:var(--blue);letter-spacing:.12em;font-weight:900;text-transform:uppercase}.project-content h3,.project-content h2{font-size:1.45rem;line-height:1.2;margin:9px 0}.project-content p{color:var(--muted);font-size:.9rem}.project-content a{display:flex;justify-content:space-between;margin-top:20px;padding-top:16px;border-top:1px solid var(--line);font-weight:900;color:var(--ink)}.final-cta-v2{position:relative;background:var(--blue);color:#fff;padding:105px 0;overflow:hidden}.final-cta-v2 .cta-grid{background-image:linear-gradient(rgba(255,255,255,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.09) 1px,transparent 1px);mask-image:none}.final-cta-v2 .container{position:relative;max-width:950px;text-align:center}.final-cta-v2 h2{font-size:clamp(2.6rem,5vw,4.7rem);line-height:1;letter-spacing:-.055em;margin:17px auto}.final-cta-v2 p{color:#dce7ff;font-size:1.05rem;max-width:650px;margin:0 auto 30px}.final-cta-v2 .container>div{display:flex;align-items:center;justify-content:center;gap:22px}.cta-mail{font-weight:800;border-bottom:1px solid rgba(255,255,255,.5)}.it-cta{background:#058eac}.web-cta{background:var(--blue)}
.page-hero{position:relative;overflow:hidden;padding:105px 0;background:linear-gradient(135deg,#f7faff,#fff)}.page-hero-grid{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.page-copy h1{font-size:clamp(3.1rem,5.8vw,5.25rem)}.web-page-hero,.it-page-hero{min-height:620px;display:flex;align-items:center}.web-demo{position:relative;height:420px}.demo-browser{position:absolute;left:0;right:25px;top:25px;border-radius:20px;background:#fff;border:1px solid #cedaea;box-shadow:var(--shadow);overflow:hidden;transform:rotate(2deg)}.demo-bar{height:42px;background:#f0f4f9;display:flex;align-items:center;gap:7px;padding:0 13px}.demo-bar i{width:8px;height:8px;border-radius:50%;background:#bdc9d6}.demo-bar span{font-size:.6rem;color:#758499;margin-left:10px}.demo-content{padding:30px}.demo-content nav{width:42%;height:9px;background:var(--ink);border-radius:5px;margin-bottom:55px}.demo-content h3{width:70%;height:30px;background:var(--ink);border-radius:6px}.demo-content p{width:90%;height:8px;background:#dce4ee;border-radius:4px}.demo-content p.half{width:55%}.demo-content button{width:110px;height:32px;background:var(--blue);border:0;border-radius:8px;margin:18px 0}.demo-blocks{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.demo-blocks i{height:70px;background:#eef3f9;border-radius:9px}.demo-score,.demo-mobile{position:absolute;background:var(--ink);color:#fff;border-radius:13px;padding:13px 15px;font-size:.6rem;letter-spacing:.1em;font-weight:800;box-shadow:0 20px 40px rgba(7,26,51,.2)}.demo-score{right:0;top:0}.demo-mobile{left:-12px;bottom:15px;background:var(--blue)}.demo-score b,.demo-mobile b{font-size:1.3rem;margin-left:8px}.it-page-hero{background:linear-gradient(135deg,#f5fcfd,#fff)}.it-console{background:var(--ink);border-radius:24px;overflow:hidden;box-shadow:0 35px 80px rgba(7,26,51,.3);color:#d9eafa;transform:rotate(1.5deg)}.console-head{display:flex;justify-content:space-between;padding:16px 20px;background:#0d2745;border-bottom:1px solid rgba(255,255,255,.1);font-size:.64rem;letter-spacing:.12em}.console-head i{font-style:normal;color:#4ae0aa}.console-lines{padding:28px 30px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;min-height:280px}.console-lines p{margin:0 0 12px;font-size:.86rem}.console-lines b{color:var(--cyan)}.console-lines span{color:#49e5aa}.console-lines .cursor i{display:inline-block;width:8px;height:16px;background:var(--cyan);vertical-align:-3px;animation:blink .9s infinite}@keyframes blink{50%{opacity:0}}.console-meter{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.1)}.console-meter span{padding:13px;text-align:center;font-size:.65rem;color:#8fa7bf;border-right:1px solid rgba(255,255,255,.1)}.console-meter span:last-child{border:0}.value-band{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}.value-band .container{display:grid;grid-template-columns:repeat(4,1fr)}.value-band article{padding:25px;border-right:1px solid var(--line);display:flex;gap:13px;align-items:center}.value-band article:last-child{border:0}.value-band article span{font-size:.62rem;color:var(--blue);font-weight:900}.value-band article strong{font-size:.8rem}.cyan-band article span{color:#0497b5}.services-bento{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.services-bento>article{position:relative;padding:30px;border:1px solid var(--line);border-radius:24px;min-height:280px;overflow:hidden;background:#fff}.services-bento .bento-large{grid-column:span 2;min-height:400px;padding-right:44%}.services-bento h3{font-size:1.65rem;line-height:1.2;margin:18px 0 10px}.services-bento p{color:var(--muted);font-size:.92rem}.services-bento ul{padding:0;list-style:none;font-size:.82rem;font-weight:750}.services-bento li{margin:7px 0}.services-bento li:before{content:"+";color:var(--blue);margin-right:8px}.bento-visual{position:absolute;right:20px;bottom:20px;width:39%;height:78%;background:#edf3ff;border-radius:18px;border:1px solid #d8e5f8}.mini-site i{position:absolute;left:15%;right:15%;top:17%;height:12px;background:var(--ink);border-radius:5px}.mini-site b{position:absolute;left:15%;right:35%;top:39%;height:42px;background:var(--blue);border-radius:9px}.mini-site span{position:absolute;left:15%;right:15%;bottom:16%;height:38%;border:1px solid #bfd1ec;border-radius:11px;background:repeating-linear-gradient(90deg,#fff 0 26%,transparent 26% 37%)}.services-bento .bento-dark{background:var(--ink);color:#fff}.bento-dark p{color:#9fb2c7}.hosting-status{position:absolute;bottom:28px;left:30px;font-size:.65rem;letter-spacing:.12em;font-weight:900;color:#68dfb4}.hosting-status i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#4be3a8;margin-right:7px}.offers-section{background:var(--paper)}.offer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch}.offer-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:25px;padding:31px;display:flex;flex-direction:column}.offer-card.featured{border:2px solid var(--blue);box-shadow:0 20px 60px rgba(25,92,242,.13)}.offer-badge{position:absolute;right:20px;top:20px;background:var(--blue);color:#fff;font-size:.55rem;letter-spacing:.1em;font-weight:900;padding:6px 8px;border-radius:7px}.offer-head span{display:block;color:var(--blue);font-size:.72rem;letter-spacing:.13em;font-weight:900}.offer-head small{display:block;color:var(--muted);margin-top:8px}.offer-card h3{font-size:1.75rem;margin:30px 0 20px;letter-spacing:-.035em}.offer-card ul{padding:0;list-style:none;margin:0 0 28px}.offer-card li{padding:9px 0;border-bottom:1px solid #edf1f5;font-size:.86rem}.offer-card li:before{content:"✓";color:var(--success);margin-right:8px}.offer-card .button{margin-top:auto}.price-note{text-align:center;color:var(--muted);font-size:.85rem;margin-top:25px}.deliverables-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.deliverable-list article{display:grid;grid-template-columns:55px 1fr;gap:20px;padding:24px 0;border-top:1px solid var(--line)}.deliverable-list article:last-child{border-bottom:1px solid var(--line)}.deliverable-list b{font-size:.65rem;color:var(--blue)}.deliverable-list h3{margin:0 0 7px}.deliverable-list p{margin:0;color:var(--muted)}.faq-section{background:var(--paper)}.faq-list{max-width:900px;margin:auto}.faq-list details{border-top:1px solid #cfd9e5}.faq-list details:last-child{border-bottom:1px solid #cfd9e5}.faq-list summary{list-style:none;padding:23px 5px;font-weight:850;display:flex;justify-content:space-between;cursor:pointer}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-size:1.4rem;color:var(--blue)}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{padding:0 45px 23px 5px;color:var(--muted);margin:0}.it-service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.it-service-grid article{padding:30px;border:1px solid var(--line);border-radius:24px;min-height:330px;transition:.25s}.it-service-grid article:hover{background:#f4fbfd;border-color:#a9dfe9;transform:translateY(-4px)}.it-icon{display:grid;place-items:center;width:50px;height:50px;border-radius:15px;background:#e9fafd;color:#078eaa;font-size:.67rem;font-weight:900}.it-service-grid h3{font-size:1.35rem;margin:25px 0 10px}.it-service-grid p{color:var(--muted)}.it-service-grid ul{padding:0;list-style:none;font-size:.82rem;font-weight:750}.it-service-grid li{margin:7px 0}.it-service-grid li:before{content:"+";color:#06a3c3;margin-right:8px}.infra-showcase-grid{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.infra-copy h2{font-size:clamp(2.5rem,4vw,3.8rem);line-height:1.05;letter-spacing:-.05em}.infra-copy p{color:#a8b9cb}.infra-points{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:25px 0 32px}.infra-points span{font-size:.84rem}.infra-points span:before{content:"/";color:var(--cyan);margin-right:8px}.network-map{position:relative;height:480px}.network-map svg{position:absolute;inset:0;width:100%;height:100%}.network-map path{stroke:rgba(94,214,239,.35);stroke-width:2;stroke-dasharray:7 8;fill:none}.map-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:145px;height:145px;border-radius:50%;background:#0d3158;border:1px solid #2b688e;display:grid;place-items:center;align-content:center;font-weight:950;font-size:1.9rem;z-index:2}.map-core span{font-size:.55rem;letter-spacing:.15em;color:#62d9f0}.map-node{position:absolute;width:90px;height:90px;border-radius:50%;background:#0b2949;border:1px solid #205d80;display:grid;place-items:center;align-content:center;z-index:2;font-size:.6rem;letter-spacing:.1em}.map-node i{width:8px;height:8px;border-radius:50%;background:#54e2aa;margin-bottom:8px}.map-node.n1{left:8%;top:5%}.map-node.n2{right:5%;top:10%}.map-node.n3{right:5%;bottom:7%}.map-node.n4{left:5%;bottom:8%}.intervention-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.intervention-grid article{border:1px solid var(--line);border-radius:24px;padding:31px}.intervention-grid>article>span{font-size:.65rem;letter-spacing:.12em;font-weight:900;color:#078eaa}.intervention-grid h3{font-size:1.8rem;margin:22px 0 10px}.intervention-grid p{color:var(--muted)}.intervention-grid a{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:18px;margin-top:25px;font-weight:900}.diagnostic-method{background:var(--paper)}.diagnostic-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.diagnostic-grid article{background:#fff;border:1px solid var(--line);border-radius:20px;padding:27px;min-height:230px}.diagnostic-grid span{font-size:.65rem;color:#0793b0;font-weight:900}.diagnostic-grid h3{font-size:1.3rem;margin:40px 0 8px}.diagnostic-grid p{color:var(--muted);font-size:.87rem}
.contact-hero,.projects-hero,.legal-hero{padding:105px 0}.contact-hero .container,.projects-hero .container,.legal-hero .container{position:relative}.contact-hero h1,.projects-hero h1,.legal-hero h1{max-width:900px}.contact-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:70px;align-items:start}.contact-aside{position:sticky;top:145px}.contact-aside h2{font-size:2.2rem;line-height:1.1;margin:15px 0}.contact-aside>p{color:var(--muted)}.contact-promise{margin:32px 0}.contact-promise article{display:grid;grid-template-columns:14px 1fr;gap:13px;padding:16px 0;border-top:1px solid var(--line)}.contact-promise article:last-child{border-bottom:1px solid var(--line)}.contact-promise i{width:8px;height:8px;border-radius:50%;background:var(--blue);margin-top:8px}.contact-promise strong,.contact-promise span{display:block}.contact-promise span{font-size:.82rem;color:var(--muted);margin-top:3px}.direct-contact{padding:22px;background:var(--ink);color:#fff;border-radius:19px;display:grid;gap:8px}.direct-contact>span{font-size:.6rem;letter-spacing:.13em;color:#75d9ec;font-weight:900}.direct-contact a{display:flex;justify-content:space-between;font-weight:800}.direct-contact small{color:#95a9bf}.request-form-v2{position:relative;background:#fff;border:1px solid var(--line);border-radius:28px;padding:38px;box-shadow:var(--shadow)}.form-progress{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:19px;margin-bottom:28px;font-size:.65rem;letter-spacing:.12em;font-weight:900}.form-progress b{color:var(--blue)}fieldset{border:0;padding:0;margin:0}legend{font-weight:900;margin-bottom:15px}.type-choice{display:grid;grid-template-columns:1fr 1fr;gap:12px}.type-choice input{position:absolute;opacity:0}.type-choice label>span{display:grid;padding:18px;border:1px solid #ccd8e5;border-radius:16px;cursor:pointer;min-height:145px}.type-choice label>span>b{font-size:.65rem;color:var(--blue);letter-spacing:.12em}.type-choice label:nth-child(2)>span>b{color:#0795b2}.type-choice strong{font-size:1.1rem;margin-top:18px}.type-choice small{color:var(--muted);margin-top:5px}.type-choice input:checked+span{border:2px solid var(--blue);background:#f2f6ff;box-shadow:0 10px 30px rgba(25,92,242,.1)}.type-choice label:nth-child(2) input:checked+span{border-color:#069ebd;background:#f0fcfe}.form-divider{display:flex;align-items:center;gap:12px;margin:30px 0 18px}.form-divider:after{content:"";height:1px;background:var(--line);flex:1}.form-divider span{font-size:.62rem;letter-spacing:.13em;font-weight:900;color:var(--muted)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid label{font-size:.82rem;font-weight:800}.form-grid input,.form-grid select,.form-grid textarea{width:100%;display:block;border:1px solid #cbd7e4;border-radius:12px;background:#fbfdff;padding:13px 14px;margin-top:7px;color:var(--ink);transition:.2s}.form-grid textarea{resize:vertical}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{outline:0;border-color:var(--blue);box-shadow:0 0 0 4px rgba(25,92,242,.1);background:#fff}.form-grid .full{grid-column:1/-1}.field-help{display:block;font-weight:500;color:var(--muted);margin-top:6px}.consent-v2{display:flex;gap:11px;align-items:start;margin:23px 0;font-size:.78rem;color:#596a7f}.consent-v2 input{margin-top:4px}.consent-v2 a{color:var(--blue);font-weight:800}.submit-button{width:100%}.submit-note{text-align:center;color:var(--muted);font-size:.72rem;margin:10px 0 0}.hp-field{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.project-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:35px}.project-filters button{border:1px solid #cdd8e4;background:#fff;border-radius:999px;padding:9px 15px;font-weight:800;color:#516277}.project-filters button.active,.project-filters button:hover{background:var(--ink);color:#fff;border-color:var(--ink)}.project-grid-full{grid-template-columns:repeat(2,1fr)}.project-grid-full .project-media{height:330px}.project-number{position:absolute;right:18px;top:18px;background:rgba(7,26,51,.88);color:#fff;border-radius:9px;padding:5px 8px;font-size:.61rem;z-index:3}.project-card[hidden]{display:none}.empty-state-v2{grid-column:1/-1;border:1px dashed #bdcad9;border-radius:28px;padding:60px;text-align:center;background:#f8fafc}.empty-state-v2>span{font-size:.65rem;letter-spacing:.13em;color:var(--blue);font-weight:900}.empty-state-v2 h2{font-size:2.3rem;margin:14px 0}.empty-state-v2 p{color:var(--muted);max-width:600px;margin:0 auto 25px}.legal-layout{display:grid;grid-template-columns:240px 1fr;gap:80px}.legal-layout>aside{position:sticky;top:140px;height:max-content;display:grid;gap:12px;border-top:2px solid var(--ink);padding-top:15px}.legal-layout>aside span{font-size:.62rem;letter-spacing:.12em;color:var(--muted);font-weight:900}.legal-layout>aside a{color:var(--blue);font-weight:800;font-size:.86rem}.legal-content article{display:grid;grid-template-columns:55px 1fr;gap:20px;padding:34px 0;border-top:1px solid var(--line)}.legal-content article:last-child{border-bottom:1px solid var(--line)}.legal-content article>span{font-size:.65rem;color:var(--blue);font-weight:900}.legal-content h2{margin:0 0 14px}.legal-content p,.legal-content li{color:#56687d}.legal-content dl{margin:0}.legal-content dl>div{display:grid;grid-template-columns:190px 1fr;padding:9px 0;border-bottom:1px solid #edf1f5}.legal-content dt{color:var(--muted);font-size:.82rem}.legal-content dd{margin:0;font-weight:750}.legal-content a{color:var(--blue);font-weight:750}
.floating-contact{position:fixed;right:22px;bottom:22px;z-index:90;display:flex;align-items:center;gap:12px;background:var(--ink);color:#fff;border-radius:999px;padding:9px 10px 9px 16px;box-shadow:0 15px 40px rgba(7,26,51,.28);font-size:.78rem;font-weight:850}.floating-contact b{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:var(--blue)}.site-footer{position:relative;background:#061629;color:#fff;padding:80px 0 20px;overflow:hidden}.footer-noise{position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.08) 1px,transparent 1px);background-size:30px 30px;mask-image:linear-gradient(to right,black,transparent)}.footer-main{position:relative;display:grid;grid-template-columns:1.4fr repeat(3,.72fr);gap:50px;padding-bottom:55px}.footer-brand .brand-symbol{background:#fff;color:var(--ink)}.footer-brand .brand-copy small{color:#8197b0}.footer-intro p{color:#96a9c0;max-width:330px}.footer-mail{display:inline-flex;align-items:center;gap:15px;border-bottom:1px solid #47617f;padding-bottom:5px;font-weight:800}.footer-links{display:flex;flex-direction:column;gap:10px}.footer-links h3{font-size:.7rem;letter-spacing:.12em;color:#70d8ed;text-transform:uppercase}.footer-links a{color:#aab9ca;font-size:.86rem}.footer-links a:hover{color:#fff}.footer-bottom{position:relative;display:flex;justify-content:space-between;padding-top:19px;border-top:1px solid rgba(255,255,255,.12);font-size:.7rem;color:#788da6}
@media(max-width:1050px){.hero-layout,.page-hero-grid,.focus-grid,.focus-grid.reverse,.infra-showcase-grid{grid-template-columns:1fr}.hero-layout{padding:65px 0}.hero-stage{max-width:650px;width:100%;margin:auto}.focus-grid.reverse .focus-visual{order:0}.outcomes-layout,.deliverables-grid{gap:55px}.price-preview-card{grid-template-columns:1fr}.price-mini-grid{max-width:700px}.services-bento{grid-template-columns:1fr 1fr}.services-bento .bento-large{grid-column:1/-1}.offer-grid,.it-service-grid{grid-template-columns:1fr 1fr}.offer-card:last-child{grid-column:1/-1}.footer-main{grid-template-columns:1.2fr 1fr 1fr}.footer-links:last-child{grid-column:2}.contact-layout{gap:40px}.stage-web{left:8%}.stage-it{right:8%}}
@media(max-width:900px){.top-signal .container{justify-content:center}.nav-wrap{height:72px}.burger{display:block}.nav{position:fixed;left:14px;right:14px;top:116px;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 25px 80px rgba(7,26,51,.2);padding:15px;display:flex;align-items:stretch;flex-direction:column;opacity:0;visibility:hidden;transform:translateY(-12px);transition:.2s}.nav.open{opacity:1;visibility:visible;transform:none}.nav>a{padding:14px}.nav .nav-cta{margin:5px 0 0}.section{padding:82px 0}.section-head{align-items:start;flex-direction:column;gap:20px}.orientation-grid,.outcomes-layout,.contact-layout,.legal-layout{grid-template-columns:1fr}.outcomes-copy,.contact-aside,.legal-layout>aside{position:relative;top:auto}.method-track,.diagnostic-grid{grid-template-columns:1fr 1fr}.method-track article:nth-child(2){border-right:0}.method-track article:nth-child(-n+2){border-bottom:1px solid var(--line)}.project-grid,.project-grid-full{grid-template-columns:1fr 1fr}.value-band .container{grid-template-columns:1fr 1fr}.value-band article:nth-child(2){border-right:0}.value-band article:nth-child(-n+2){border-bottom:1px solid var(--line)}.footer-main{grid-template-columns:1fr 1fr}.footer-intro{grid-column:1/-1}.footer-links:last-child{grid-column:auto}.legal-layout>aside{display:flex;flex-wrap:wrap;align-items:center}.legal-layout>aside strong{margin-right:auto}}
@media(max-width:680px){:root{--container:min(100% - 26px,1180px)}.top-signal .container{font-size:.58rem}.top-separator,.top-signal .container span:last-child{display:none}.brand-symbol{width:43px;height:43px}.brand-copy small{font-size:.56rem}.hero-v2{min-height:auto}.hero-layout{display:block;min-height:auto;padding:60px 0}.hero-copy h1,.page-copy h1,.page-hero h1{font-size:clamp(2.65rem,13vw,4rem)}.hero-copy>p,.page-copy>p,.page-hero .container>p{font-size:1rem}.hero-actions{flex-direction:column}.hero-actions .button{width:100%}.hero-proof{display:grid;gap:8px}.hero-stage{height:400px;margin-top:35px}.stage-orbit{inset:28px}.orbit-b{inset:75px}.stage-core{width:120px;height:120px}.stage-core span{font-size:1.8rem}.stage-card{width:190px;padding:15px}.stage-card strong{font-size:.82rem}.stage-web{left:0;top:35px}.stage-it{right:0;bottom:50px}.trust-strip .container{gap:12px;justify-content:flex-start;overflow:auto}.trust-strip i{display:none}.trust-strip span{white-space:nowrap}.orientation-grid,.services-bento,.offer-grid,.it-service-grid,.intervention-grid,.project-grid,.project-grid-full,.footer-main{grid-template-columns:1fr}.universe-card{padding:27px;min-height:480px}.universe-top b{font-size:4.2rem}.universe-card ul{grid-template-columns:1fr}.outcomes-layout,.deliverables-grid{gap:45px}.outcome-list article{grid-template-columns:42px 1fr}.focus-grid{gap:45px}.focus-visual{height:350px}.check-grid{grid-template-columns:1fr}.method-track,.diagnostic-grid{grid-template-columns:1fr}.method-track article{border-right:0;border-bottom:1px solid var(--line);min-height:auto}.method-track h3{margin-top:30px}.price-preview-card{padding:30px 23px}.price-mini-grid{grid-template-columns:1fr}.price-mini-grid article{border-right:0;border-bottom:1px solid rgba(255,255,255,.14)}.price-mini-grid article:last-child{border-bottom:0}.project-media,.project-grid-full .project-media{height:240px}.final-cta-v2{padding:80px 0}.final-cta-v2 .container>div{flex-direction:column}.page-hero,.web-page-hero,.it-page-hero{padding:75px 0;min-height:auto}.web-demo{height:330px;margin-top:30px}.demo-content{padding:22px}.demo-content nav{margin-bottom:35px}.value-band .container{grid-template-columns:1fr}.value-band article{border-right:0;border-bottom:1px solid var(--line)}.services-bento .bento-large{grid-column:auto;padding-right:30px;padding-bottom:250px}.bento-visual{width:calc(100% - 40px);height:220px;left:20px;right:20px}.offer-card:last-child{grid-column:auto}.infra-points{grid-template-columns:1fr}.network-map{height:380px}.map-node{width:70px;height:70px}.map-core{width:115px;height:115px}.contact-layout{gap:35px}.request-form-v2{padding:24px 18px}.type-choice,.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.project-filters{overflow:auto;flex-wrap:nowrap;padding-bottom:8px}.project-filters button{white-space:nowrap}.empty-state-v2{padding:38px 20px}.legal-content article{grid-template-columns:35px 1fr}.legal-content dl>div{grid-template-columns:1fr;gap:3px}.footer-main{gap:30px}.footer-intro{grid-column:auto}.footer-links:last-child{grid-column:auto}.footer-bottom{flex-direction:column;gap:5px}.floating-contact span{display:none}.floating-contact{padding:8px;right:14px;bottom:14px}.stage-status{bottom:0}.section-head h2,.focus-copy h2,.outcomes-copy h2,.deliverables-copy h2{font-size:2.35rem}.project-card{border-radius:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.orbit-b,.console-lines .cursor i{animation:none}.button,.project-card,.universe-card{transition:none}}

/* GRN-INFO V2.2 — grille tarifaire */
.nav>a{padding-inline:12px}
.pricing-hero{position:relative;overflow:hidden;min-height:620px;background:linear-gradient(135deg,#f8fbff 0%,#fff 58%,#eef9fc 100%)}
.pricing-hero-layout{position:relative;display:grid;grid-template-columns:1.1fr .7fr;gap:80px;align-items:center;min-height:620px;padding:70px 0}
.pricing-hero-panel{position:relative;background:var(--ink);color:#fff;border-radius:30px;padding:32px;box-shadow:0 35px 90px rgba(7,26,51,.23);overflow:hidden}
.pricing-hero-panel:before{content:"";position:absolute;width:240px;height:240px;border:1px solid rgba(79,207,234,.23);border-radius:50%;right:-90px;top:-85px;box-shadow:0 0 0 45px rgba(25,92,242,.05),0 0 0 90px rgba(25,92,242,.035)}
.pricing-hero-panel>span{position:relative;display:block;color:#69d8ef;font-size:.62rem;font-weight:900;letter-spacing:.16em;margin-bottom:26px}
.pricing-hero-panel>div{position:relative;padding:22px 0;border-top:1px solid rgba(255,255,255,.13);display:grid;grid-template-columns:58px 1fr;column-gap:15px}
.pricing-hero-panel i{grid-row:1/3;width:48px;height:48px;border-radius:13px;background:rgba(255,255,255,.08);display:grid;place-items:center;font-style:normal;font-size:.66rem;font-weight:900;color:#7cdbef}
.pricing-hero-panel strong,.pricing-hero-panel small{display:block}.pricing-hero-panel strong{font-size:1rem}.pricing-hero-panel small{color:#8da2ba;font-size:.72rem;margin-top:3px}.pricing-hero-panel>b{position:relative;display:inline-flex;margin-top:17px;background:#fff;color:var(--ink);border-radius:999px;padding:8px 12px;font-size:.6rem;letter-spacing:.12em}
.pricing-jump{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff;position:sticky;top:116px;z-index:40}
.pricing-jump .container{display:grid;grid-template-columns:repeat(3,1fr)}.pricing-jump a{display:flex;align-items:center;gap:12px;padding:18px 22px;border-right:1px solid var(--line);font-size:.8rem;font-weight:850}.pricing-jump a:first-child{border-left:1px solid var(--line)}.pricing-jump a:hover{background:#f3f7ff;color:var(--blue)}.pricing-jump span{font-size:.58rem;color:var(--blue)}
.pricing-universe{scroll-margin-top:160px}.pricing-it{background:var(--paper)}.pricing-groups{display:grid;gap:34px}.pricing-group{border:1px solid var(--line);border-radius:28px;background:#fff;overflow:hidden;box-shadow:0 20px 60px rgba(7,26,51,.055);scroll-margin-top:175px}.pricing-group>header{display:flex;justify-content:space-between;align-items:center;padding:25px 28px;border-bottom:1px solid var(--line);background:linear-gradient(90deg,#f8fbff,#fff)}.pricing-group>header>div{display:flex;align-items:center;gap:14px}.pricing-group>header span{width:36px;height:36px;border-radius:10px;background:#eaf0ff;color:var(--blue);display:grid;place-items:center;font-size:.62rem;font-weight:900}.pricing-it .pricing-group>header span{background:#e7faff;color:#087f98}.pricing-group h3{margin:0;font-size:1.25rem}.pricing-group>header small{color:var(--muted);font-size:.7rem}.pricing-list{display:grid}.pricing-row{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 205px 42px;gap:22px;align-items:center;padding:22px 28px;border-bottom:1px solid #edf2f7;transition:.2s}.pricing-row:last-child{border-bottom:0}.pricing-row:hover{background:#f9fbff}.pricing-row.featured:before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:4px;background:var(--blue);border-radius:0 5px 5px 0}.pricing-it .pricing-row.featured:before{background:#08a6c6}.pricing-row h4{margin:0 0 5px;font-size:1rem}.pricing-row h4 span{display:inline-flex;margin-left:9px;padding:3px 6px;border-radius:5px;background:#eaf0ff;color:var(--blue);font-size:.48rem;letter-spacing:.08em;vertical-align:middle}.pricing-it .pricing-row h4 span{background:#e4faff;color:#0784a0}.pricing-row p{margin:0;color:var(--muted);font-size:.83rem;line-height:1.55}.pricing-row>strong{font-size:1rem;text-align:right;color:var(--ink)}.pricing-row>a{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:var(--ink);color:#fff;font-weight:900}.pricing-row>a:hover{background:var(--blue)}.pricing-it .pricing-row>a:hover{background:#069cbb}.pricing-context{margin:0;padding:18px 28px;background:#f4f7fb;color:#5c6c80;font-size:.78rem;border-top:1px solid var(--line)}
.pricing-disclaimer{background:#0a203b;color:#fff}.pricing-disclaimer .container{display:grid;grid-template-columns:120px 1fr auto;gap:25px;align-items:center;min-height:120px}.pricing-disclaimer span{font-size:.62rem;letter-spacing:.14em;color:#64d7ee;font-weight:900}.pricing-disclaimer p{margin:0;color:#b1c0d1;font-size:.82rem}.pricing-disclaimer a{font-weight:900;white-space:nowrap}.pricing-disclaimer a b{color:#54d9f3}.pricing-cta{background:linear-gradient(135deg,#195cf2,#083475)}
.offer-grid-four{grid-template-columns:repeat(4,1fr)}.offer-grid-four .offer-card{padding:25px}.offer-grid-four .offer-head small{min-height:100px;line-height:1.55}.offer-grid-four .offer-card h3{font-size:1.65rem}.offers-more{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:25px;padding:22px 25px;border:1px solid var(--line);border-radius:17px;background:#f8fafc}.offers-more p{margin:0;color:var(--muted);font-size:.83rem}.price-preview-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.price-preview-link{color:#fff;font-size:.76rem;font-weight:850;border-bottom:1px solid rgba(255,255,255,.4)}
@media(max-width:1100px){.pricing-hero-layout{grid-template-columns:1fr 1fr;gap:45px}.offer-grid-four{grid-template-columns:1fr 1fr}.offer-grid-four .offer-card:last-child{grid-column:auto}.offer-grid-four .offer-head small{min-height:75px}}
@media(max-width:900px){.pricing-hero-layout{grid-template-columns:1fr;min-height:auto;padding:70px 0}.pricing-hero-panel{max-width:620px}.pricing-jump{top:106px}.pricing-row{grid-template-columns:minmax(0,1fr) 180px 40px}.pricing-disclaimer .container{grid-template-columns:1fr;gap:9px;padding:25px 0}.pricing-disclaimer a{margin-top:5px}}
@media(max-width:680px){.pricing-hero{min-height:auto}.pricing-hero-layout{padding:58px 0}.pricing-hero-panel{padding:25px}.pricing-jump{position:relative;top:auto}.pricing-jump .container{grid-template-columns:1fr}.pricing-jump a,.pricing-jump a:first-child{border-left:1px solid var(--line);border-bottom:1px solid var(--line)}.pricing-row{grid-template-columns:1fr 40px;gap:10px;padding:20px}.pricing-row>div{grid-column:1/-1}.pricing-row>strong{text-align:left}.pricing-group>header{padding:20px;align-items:flex-start}.pricing-group>header small{display:none}.pricing-context{padding:16px 20px}.offer-grid-four{grid-template-columns:1fr}.offer-grid-four .offer-head small{min-height:auto}.offers-more{align-items:flex-start;flex-direction:column}.price-preview-actions{align-items:flex-start;flex-direction:column}}

/* ========================================================================== 
   GRN-INFO 2.2.2 — Cartes commerciales et grille tarifaire
   ========================================================================== */

/* Offres principales de la page Création web */
.offer-grid-four{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:24px;
}
.offer-grid-four .offer-card:last-child{grid-column:auto}
.offer-card-v3{
  min-height:440px;
  padding:0;
  border-radius:26px;
  overflow:hidden;
  background:#fff;
  border:1px solid #d8e3ef;
  box-shadow:0 16px 45px rgba(7,26,51,.06);
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}
.offer-card-v3:hover{
  transform:translateY(-4px);
  border-color:#b8cae3;
  box-shadow:0 24px 58px rgba(7,26,51,.11);
}
.offer-card-v3.featured{
  border:1px solid #8db0ff;
  box-shadow:0 22px 58px rgba(25,92,242,.14);
}
.offer-card-v3.recommended:before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:5px;
  background:linear-gradient(var(--blue),var(--cyan));
}
.offer-card-header{
  min-height:70px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:20px 25px 16px;
  border-bottom:1px solid #edf2f7;
  background:linear-gradient(110deg,#f8fbff,#fff);
}
.offer-number{
  font-size:.68rem;
  color:#8391a4;
  font-weight:900;
  letter-spacing:.12em;
}
.offer-type,.offer-badge{
  position:static;
  display:inline-flex;
  align-items:center;
  min-height:28px;
  margin:0;
  padding:7px 11px;
  border-radius:999px;
  font-size:.58rem;
  line-height:1;
  letter-spacing:.09em;
  text-transform:uppercase;
  font-weight:900;
}
.offer-type{background:#eef3f8;color:#607187}
.offer-badge{background:var(--blue);color:#fff}
.offer-card-main{
  display:flex;
  flex-direction:column;
  padding:27px 25px 18px;
  flex:1;
}
.offer-card-v3 h3{
  margin:0 0 12px;
  max-width:none;
  font-size:1.72rem;
  line-height:1.12;
  letter-spacing:-.04em;
  color:var(--ink);
}
.offer-card-v3 p{
  margin:0;
  min-height:76px;
  color:var(--muted);
  font-size:.91rem;
  line-height:1.62;
}
.offer-highlights{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  list-style:none;
  margin:22px 0 0;
  padding:0;
}
.offer-highlights li{
  padding:7px 10px;
  border:1px solid #dce5ef;
  border-radius:999px;
  background:#f8fafc;
  color:#53657a;
  font-size:.68rem;
  line-height:1.2;
  font-weight:750;
}
.offer-highlights li:before{content:none}
.offer-card-footer{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:12px;
  align-items:stretch;
  padding:18px 25px 25px;
  margin-top:auto;
}
.offer-price-box{
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-height:76px;
  padding:12px 16px;
  border:1px solid #d9e4ef;
  border-radius:16px;
  background:#f7faff;
}
.offer-price-box small{
  color:#76869a;
  font-size:.65rem;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.07em;
}
.offer-price-box strong{
  margin-top:4px;
  color:var(--ink);
  font-size:1.28rem;
  line-height:1.2;
  letter-spacing:-.025em;
}
.offer-cta{
  min-width:154px;
  min-height:76px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:15px;
  padding:14px 14px 14px 17px;
  border:1px solid #cdd9e6;
  border-radius:16px;
  background:#fff;
  color:var(--ink);
  font-size:.77rem;
  font-weight:900;
  transition:.2s;
}
.offer-cta b{
  flex:0 0 auto;
  width:32px;
  height:32px;
  display:grid;
  place-items:center;
  border-radius:10px;
  background:#edf3fa;
}
.offer-cta:hover,.offer-cta.primary{background:var(--blue);border-color:var(--blue);color:#fff}
.offer-cta:hover b,.offer-cta.primary b{background:rgba(255,255,255,.16)}

/* Navigation et structure de la page Tarifs */
.pricing-jump{top:116px}
.pricing-jump a{
  min-height:78px;
  display:grid;
  grid-template-columns:34px 1fr;
  align-content:center;
  column-gap:11px;
  row-gap:1px;
  padding:13px 20px;
}
.pricing-jump a>span{grid-row:1/3}
.pricing-jump a strong{font-size:.8rem}
.pricing-jump a small{color:var(--muted);font-size:.64rem;font-weight:600}
.pricing-universe-head{
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(280px,.55fr);
  gap:65px;
  align-items:end;
  margin-bottom:42px;
}
.pricing-universe-head h2{
  max-width:780px;
  margin:12px 0 0;
  font-size:clamp(2.35rem,4vw,3.85rem);
  line-height:1.05;
  letter-spacing:-.055em;
}
.pricing-universe-head>p{margin:0;color:var(--muted)}
.pricing-category-stack{display:grid;gap:28px}
.pricing-category-card{
  scroll-margin-top:175px;
  overflow:hidden;
  border:1px solid #d8e3ee;
  border-radius:28px;
  background:#fff;
  box-shadow:0 18px 55px rgba(7,26,51,.055);
}
.pricing-category-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  min-height:100px;
  padding:22px 27px;
  border-bottom:1px solid #e5ecf3;
  background:linear-gradient(110deg,#f6f9ff 0%,#fff 72%);
}
.pricing-category-it .pricing-category-head{background:linear-gradient(110deg,#f2fcfd 0%,#fff 72%)}
.pricing-category-title{display:flex;align-items:center;gap:15px}
.pricing-category-title>span{
  width:48px;
  height:48px;
  display:grid;
  place-items:center;
  border-radius:14px;
  background:#e9f0ff;
  color:var(--blue);
  font-size:.66rem;
  font-weight:950;
}
.pricing-category-it .pricing-category-title>span{background:#e5f9fc;color:#078da8}
.pricing-category-title small{
  display:block;
  margin-bottom:3px;
  color:#718198;
  font-size:.58rem;
  font-weight:900;
  letter-spacing:.11em;
  text-transform:uppercase;
}
.pricing-category-title h3{margin:0;font-size:1.35rem;line-height:1.2}
.pricing-category-count{
  min-width:76px;
  display:flex;
  align-items:baseline;
  justify-content:flex-end;
  gap:7px;
  color:#8492a5;
}
.pricing-category-count strong{font-size:1.7rem;color:var(--ink)}
.pricing-category-count span{font-size:.68rem}
.pricing-offer-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1px;
  background:#e8eef5;
}
.pricing-service-card{
  position:relative;
  min-height:265px;
  display:flex;
  flex-direction:column;
  padding:24px 26px;
  background:#fff;
  overflow:hidden;
  transition:background .2s;
}
.pricing-service-card:hover{background:#f9fbff}
.pricing-category-it .pricing-service-card:hover{background:#f7fcfd}
.pricing-service-card.featured:before{
  content:"";
  position:absolute;
  left:0;
  top:22px;
  bottom:22px;
  width:4px;
  border-radius:0 4px 4px 0;
  background:var(--blue);
}
.pricing-category-it .pricing-service-card.featured:before{background:#08a5c5}
.pricing-service-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.pricing-service-code{
  max-width:65%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#8b98aa;
  font-size:.53rem;
  font-weight:900;
  letter-spacing:.1em;
}
.pricing-service-badge{
  flex:0 0 auto;
  padding:6px 9px;
  border-radius:999px;
  background:#eaf1ff;
  color:var(--blue);
  font-size:.54rem;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.pricing-category-it .pricing-service-badge{background:#e5f9fc;color:#078ca7}
.pricing-service-card h4{
  margin:20px 0 8px;
  font-size:1.18rem;
  line-height:1.22;
  letter-spacing:-.025em;
}
.pricing-service-card>p{
  margin:0 0 22px;
  color:var(--muted);
  font-size:.82rem;
  line-height:1.55;
}
.pricing-service-footer{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:15px;
  padding-top:17px;
  margin-top:auto;
  border-top:1px solid #edf1f5;
}
.pricing-service-footer>div small{
  display:block;
  margin-bottom:3px;
  color:#8290a2;
  font-size:.58rem;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.07em;
}
.pricing-service-footer>div strong{
  color:var(--ink);
  font-size:1.13rem;
  line-height:1.22;
}
.pricing-service-footer>a{
  display:flex;
  align-items:center;
  gap:10px;
  color:var(--blue);
  font-size:.73rem;
  font-weight:900;
}
.pricing-category-it .pricing-service-footer>a{color:#078da8}
.pricing-service-footer>a b{
  width:33px;
  height:33px;
  display:grid;
  place-items:center;
  border-radius:10px;
  background:#eef3ff;
}
.pricing-category-it .pricing-service-footer>a b{background:#e8f9fc}
.pricing-context{
  margin:0;
  padding:17px 26px;
  border-top:1px solid #dfe7ef;
  background:#f4f7fb;
  color:#596a7e;
  font-size:.77rem;
}
.pricing-context b{color:var(--ink)}

@media(max-width:1050px){
  .offer-grid-four{grid-template-columns:1fr 1fr}
  .pricing-universe-head{grid-template-columns:1fr;gap:18px}
}
@media(max-width:820px){
  .offer-grid-four,.pricing-offer-grid{grid-template-columns:1fr}
  .pricing-jump{position:relative;top:auto}
  .pricing-jump .container{grid-template-columns:1fr}
  .pricing-jump a,.pricing-jump a:first-child{border-left:1px solid var(--line);border-bottom:1px solid var(--line)}
}
@media(max-width:560px){
  .offer-card-footer{grid-template-columns:1fr}
  .offer-cta{min-width:0;min-height:58px}
  .offer-card-v3 p{min-height:0}
  .pricing-category-head{align-items:flex-start;padding:19px}
  .pricing-category-count{display:none}
  .pricing-category-title{align-items:flex-start}
  .pricing-category-title h3{font-size:1.1rem}
  .pricing-service-card{min-height:0;padding:22px 19px}
  .pricing-service-footer{align-items:flex-start;flex-direction:column}
  .pricing-service-footer>a{width:100%;justify-content:space-between}
}

/* ========================================================================== 
   GRN-INFO 2.3.0 — Lancement commercial
   ========================================================================== */
.smart-details[hidden]{display:none!important}
.smart-details{margin:4px 0 8px;padding:4px 0 2px;animation:smartPanelIn .25s ease}
@keyframes smartPanelIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.feature-field{display:block}
.feature-field>span{display:block;margin-bottom:9px;font-size:.75rem;font-weight:800;color:var(--navy)}
.feature-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.feature-checks label{display:flex;align-items:center;gap:9px;padding:11px 12px;border:1px solid #dbe4ed;border-radius:11px;background:#f9fbfd;cursor:pointer;font-size:.72rem;font-weight:750;color:#40536b}
.feature-checks input{width:auto;margin:0;accent-color:var(--blue)}
.feature-checks label:has(input:checked){border-color:#9db8f6;background:#f0f5ff;color:var(--blue)}

.faq-layout{display:grid;grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr);gap:70px;align-items:start}
.faq-intro{position:sticky;top:135px}
.faq-intro h2{margin:13px 0 15px;font-size:clamp(2rem,3.2vw,3.4rem);line-height:1.04;color:var(--navy)}
.faq-intro p{max-width:520px;color:var(--muted);line-height:1.75}
.faq-contact{display:grid;gap:5px;margin-top:30px;padding-top:22px;border-top:1px solid var(--line)}
.faq-contact small{font-size:.61rem;font-weight:900;letter-spacing:.12em;color:#8290a2}
.faq-contact a{color:var(--navy);font-weight:900}
.faq-list{display:grid;gap:12px}
.faq-list details{overflow:hidden;border:1px solid var(--line);border-radius:17px;background:#fff;box-shadow:0 12px 36px rgba(6,23,44,.045)}
.faq-list summary{display:grid;grid-template-columns:42px 1fr 25px;align-items:center;gap:15px;padding:20px 22px;cursor:pointer;list-style:none}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary span{color:var(--blue);font-size:.62rem;font-weight:950;letter-spacing:.08em}
.faq-list summary strong{color:var(--navy);font-size:.94rem}
.faq-list summary i{font-style:normal;font-size:1.25rem;color:var(--blue);transition:.2s}
.faq-list details[open] summary i{transform:rotate(45deg)}
.faq-list details p{margin:0;padding:0 62px 22px;color:var(--muted);line-height:1.75}

.home-faq{background:#f5f8fb}
.home-faq-grid{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:70px;align-items:center}
.home-faq h2{margin:13px 0 16px;max-width:650px;font-size:clamp(2rem,4vw,3.8rem);line-height:1.02;color:var(--navy)}
.home-faq p{color:var(--muted);line-height:1.75}
.home-faq-points{display:grid;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:var(--shadow)}
.home-faq-points article{display:grid;grid-template-columns:46px 1fr;gap:16px;padding:22px 24px;border-bottom:1px solid var(--line)}
.home-faq-points article:last-child{border-bottom:0}
.home-faq-points span{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#eef4ff;color:var(--blue);font-size:.64rem;font-weight:950}
.home-faq-points strong{color:var(--navy)}
.home-faq-points p{margin:5px 0 0;font-size:.82rem}

.project-case{grid-template-columns:minmax(280px,.9fr) minmax(0,1.1fr)}
.project-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.project-meta>span:not(.project-category){font-size:.64rem;font-weight:850;color:#728196;text-transform:uppercase;letter-spacing:.06em}
.project-summary{font-size:.92rem!important}
.case-points{display:grid;gap:10px;margin:19px 0}
.case-points>div{padding:13px 15px;border-left:3px solid #d7e4ff;background:#f7f9fc;border-radius:0 10px 10px 0}
.case-points small{display:block;margin-bottom:4px;color:var(--blue);font-size:.56rem;font-weight:950;letter-spacing:.1em}
.case-points p{margin:0!important;font-size:.76rem!important;line-height:1.55!important}

@media(max-width:1000px){
  .faq-layout,.home-faq-grid{grid-template-columns:1fr;gap:38px}
  .faq-intro{position:static}
  .project-case{grid-template-columns:1fr}
}
@media(max-width:650px){
  .feature-checks{grid-template-columns:1fr}
  .faq-list summary{grid-template-columns:34px 1fr 20px;padding:18px 16px;gap:9px}
  .faq-list details p{padding:0 16px 19px 50px}
  .home-faq-points article{padding:18px}
}

/* Menu compacté plus tôt depuis l'ajout de la FAQ. */
@media(max-width:1120px){
  .nav-wrap{height:72px}.burger{display:block}.nav{position:fixed;left:14px;right:14px;top:106px;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 25px 80px rgba(7,26,51,.2);padding:15px;display:flex;align-items:stretch;flex-direction:column;opacity:0;visibility:hidden;transform:translateY(-12px);transition:.2s}.nav.open{opacity:1;visibility:visible;transform:none}.nav>a{padding:14px}.nav .nav-cta{margin:5px 0 0}
}

/* ========================================================================== 
   GRN-INFO 2.3.1 — corrections visuelles
   ========================================================================== */
.brand-symbol{background:transparent!important;overflow:visible!important;border-radius:14px!important}
.brand-symbol:after,.brand-symbol>i,.brand-symbol>b{display:none!important}
.brand-symbol img{width:100%;height:100%;object-fit:contain;border-radius:14px}

/* FAQ de la page création web : structure indépendante de la page FAQ complète. */
.faq-section .faq-list{display:grid;gap:12px;max-width:900px;margin:auto}
.faq-section .faq-list details{overflow:hidden;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 10px 28px rgba(7,26,51,.04)}
.faq-section .faq-list details+details{margin:0}
.faq-section .faq-list summary{display:flex!important;grid-template-columns:none!important;align-items:center;justify-content:space-between;gap:24px;padding:21px 23px;min-height:68px}
.faq-section .faq-list summary strong{min-width:0;color:var(--ink);font-size:1rem;line-height:1.45}
.faq-section .faq-list summary>span{flex:0 0 auto;margin-left:auto;font-size:1.35rem;color:var(--blue);transition:transform .2s}
.faq-section .faq-list details[open] summary>span{transform:rotate(45deg)}
.faq-section .faq-list details p{padding:0 60px 22px 23px;margin:0;color:var(--muted);line-height:1.75}

/* Tarifs : navigation statique et présentation en lignes, sans cartes flottantes. */
.pricing-guide{position:relative;background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.pricing-guide-grid{display:grid;grid-template-columns:repeat(3,1fr)}
.pricing-guide-grid>div{display:grid;grid-template-columns:42px 1fr;column-gap:13px;align-content:center;min-height:92px;padding:18px 26px;border-right:1px solid var(--line)}
.pricing-guide-grid>div:first-child{border-left:1px solid var(--line)}
.pricing-guide-grid>div>span{grid-row:1/3;color:var(--blue);font-size:.65rem;font-weight:950;letter-spacing:.08em}
.pricing-guide-grid strong{font-size:.88rem;color:var(--ink)}
.pricing-guide-grid small{color:var(--muted);font-size:.68rem}
.pricing-directory{scroll-margin-top:95px;background:#fff}
.pricing-directory-it{background:var(--paper)}
.pricing-directory-head{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.55fr);gap:70px;align-items:end;margin-bottom:45px}
.pricing-directory-head h2{max-width:800px;margin:13px 0 0;font-size:clamp(2.35rem,4vw,3.8rem);line-height:1.05;letter-spacing:-.055em}
.pricing-directory-head>p{margin:0;color:var(--muted);line-height:1.75}
.pricing-table-stack{display:grid;gap:30px}
.pricing-table-group{scroll-margin-top:110px;border:1px solid #d9e3ed;background:#fff;box-shadow:0 16px 45px rgba(7,26,51,.045)}
.pricing-table-group>header{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:24px 28px;background:#f7faff;border-bottom:1px solid #dfe7ef}
.pricing-table-group-it>header{background:#f3fbfc}
.pricing-table-title{display:flex;align-items:center;gap:16px}
.pricing-table-title>span{width:44px;height:44px;display:grid;place-items:center;border:1px solid #cbd9eb;background:#fff;color:var(--blue);font-size:.64rem;font-weight:950}
.pricing-table-group-it .pricing-table-title>span{color:#078ca7;border-color:#b9dde4}
.pricing-table-title small{display:block;margin-bottom:3px;color:#7b899b;font-size:.57rem;font-weight:900;letter-spacing:.12em}
.pricing-table-title h3{margin:0;font-size:1.35rem;line-height:1.2}
.pricing-table-group>header>p{margin:0;color:var(--muted);font-size:.72rem;font-weight:750}
.pricing-table-list{display:grid}
.pricing-table-row{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 190px 175px;gap:28px;align-items:center;padding:25px 28px;border-bottom:1px solid #e7edf3;background:#fff;transition:background .18s}
.pricing-table-row:last-child{border-bottom:0}
.pricing-table-row:hover{background:#fafcff}
.pricing-table-group-it .pricing-table-row:hover{background:#f8fcfd}
.pricing-table-row.featured:before{content:"";position:absolute;left:-1px;top:17px;bottom:17px;width:4px;background:var(--blue)}
.pricing-table-group-it .pricing-table-row.featured:before{background:#08a4c3}
.pricing-table-meta{display:flex;align-items:center;gap:9px;margin-bottom:8px}
.pricing-table-meta>span{max-width:380px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#8a97a8;font-size:.53rem;font-weight:900;letter-spacing:.09em}
.pricing-table-meta>b{padding:5px 8px;border-radius:999px;background:#eaf1ff;color:var(--blue);font-size:.52rem;letter-spacing:.07em;text-transform:uppercase}
.pricing-table-group-it .pricing-table-meta>b{background:#e5f8fb;color:#078ca7}
.pricing-table-service h4{margin:0 0 6px;font-size:1.08rem;color:var(--ink)}
.pricing-table-service p{max-width:720px;margin:0;color:var(--muted);font-size:.82rem;line-height:1.55}
.pricing-table-price{padding-left:20px;border-left:1px solid #e1e8ef}
.pricing-table-price small{display:block;margin-bottom:5px;color:#8290a2;font-size:.59rem;font-weight:850;text-transform:uppercase;letter-spacing:.07em}
.pricing-table-price strong{font-size:1.08rem;color:var(--ink);line-height:1.25}
.pricing-table-action{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid #cdd9e6;background:#fff;color:var(--blue);font-size:.72rem;font-weight:900;transition:.18s}
.pricing-table-action:hover{background:var(--blue);border-color:var(--blue);color:#fff}
.pricing-table-group-it .pricing-table-action{color:#078ca7}
.pricing-table-group-it .pricing-table-action:hover{background:#078ca7;border-color:#078ca7;color:#fff}
.pricing-table-note{margin:0;padding:16px 28px;border-top:1px solid #dfe7ef;background:#f3f6fa;color:#5d6c7e;font-size:.77rem}
.pricing-table-note b{color:var(--ink)}

@media(max-width:980px){
  .pricing-directory-head{grid-template-columns:1fr;gap:18px}
  .pricing-table-row{grid-template-columns:minmax(0,1fr) 170px;gap:20px}
  .pricing-table-action{grid-column:1/-1;justify-content:center}
}
@media(max-width:760px){
  .pricing-guide-grid{grid-template-columns:1fr}
  .pricing-guide-grid>div,.pricing-guide-grid>div:first-child{border-left:1px solid var(--line);border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
  .pricing-guide-grid>div:last-child{border-bottom:0}
  .pricing-table-group>header{align-items:flex-start;padding:20px}
  .pricing-table-group>header>p{display:none}
  .pricing-table-row{grid-template-columns:1fr;padding:22px 20px;gap:17px}
  .pricing-table-price{padding:15px 0 0;border-left:0;border-top:1px solid #e1e8ef}
  .pricing-table-action{grid-column:auto}
}
@media(max-width:560px){
  .faq-section .faq-list summary{padding:18px 16px;gap:14px}
  .faq-section .faq-list details p{padding:0 45px 19px 16px}
  .pricing-table-title>span{width:38px;height:38px}
  .pricing-table-title h3{font-size:1.12rem}
}


/* ========================================================================== 
   GRN-INFO 2.3.2 — page Tarifs plus compacte
   ========================================================================== */
@media(min-width:901px){
  .pricing-hero{min-height:470px}
  .pricing-hero-layout{min-height:470px;padding:42px 0;gap:55px}
  .pricing-hero .page-copy h1{font-size:clamp(2.8rem,4.8vw,4.45rem);margin:17px 0 20px}
  .pricing-hero .page-copy>p{font-size:1rem;line-height:1.65}
  .pricing-hero .hero-actions{margin-top:24px}
  .pricing-hero-panel{padding:25px 27px;border-radius:24px}
  .pricing-hero-panel>span{margin-bottom:14px}
  .pricing-hero-panel>div{padding:14px 0}
  .pricing-hero-panel>b{margin-top:12px}
}
.pricing-directory.section{padding:78px 0}
.pricing-directory-head{margin-bottom:30px}
.pricing-table-stack{gap:24px}
@media(max-width:900px){
  .pricing-directory.section{padding:62px 0}
  .pricing-directory-head{margin-bottom:26px}
}
@media(max-width:560px){
  .pricing-directory.section{padding:48px 0}
}

/* ========================================================================== 
   GRN-INFO 2.5 — catalogue et pages services
   ========================================================================== */
.services-catalog-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#f8fbff,#fff);border-bottom:1px solid var(--line)}
.services-catalog-hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.72fr);gap:75px;align-items:center;min-height:650px;padding:75px 0}
.catalog-orbit{position:relative;height:430px;border:1px solid #d6e1ed;border-radius:50%;background:radial-gradient(circle,rgba(25,92,242,.08),transparent 58%)}
.catalog-orbit:before,.catalog-orbit:after{content:"";position:absolute;border:1px dashed rgba(25,92,242,.18);border-radius:50%}.catalog-orbit:before{inset:48px}.catalog-orbit:after{inset:105px}
.catalog-core{position:absolute;left:50%;top:50%;z-index:2;display:grid;place-items:center;align-content:center;width:150px;height:150px;border-radius:50%;transform:translate(-50%,-50%);background:var(--ink);color:#fff;box-shadow:0 30px 80px rgba(7,26,51,.24)}
.catalog-core span{font-size:3.1rem;font-weight:950;line-height:1}.catalog-core small{margin-top:7px;color:#79dff1;font-size:.55rem;font-weight:900;letter-spacing:.12em}
.catalog-node{position:absolute;z-index:3;display:grid;place-items:center;width:82px;height:82px;border:1px solid #cad8e7;border-radius:22px;background:#fff;box-shadow:0 18px 48px rgba(7,26,51,.12);font-size:.7rem;font-weight:950;letter-spacing:.1em}
.catalog-node.node-web{left:8px;top:72px;color:var(--blue)}.catalog-node.node-it{right:0;top:142px;color:#078ca7}.catalog-node.node-infra{left:120px;bottom:0;color:#7258dc}
.service-catalog-section{background:#f7f9fc}.service-catalog-group{margin-bottom:84px;scroll-margin-top:110px}.service-catalog-group:last-child{margin-bottom:0}
.service-catalog-group>header{display:grid;grid-template-columns:minmax(0,.75fr) minmax(300px,.45fr);gap:60px;align-items:end;margin-bottom:30px;padding-bottom:24px;border-bottom:1px solid #cfdbe7}.service-catalog-group>header span{font-size:.63rem;font-weight:950;letter-spacing:.13em;color:var(--blue)}.service-catalog-it>header span{color:#078ca7}.service-catalog-infra>header span{color:#6d55ce}.service-catalog-group>header h2{margin:7px 0 0;font-size:clamp(2rem,3.3vw,3.2rem);letter-spacing:-.045em}.service-catalog-group>header p{margin:0;color:var(--muted);line-height:1.7}
.service-catalog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.service-catalog-card{position:relative;display:grid;grid-template-columns:54px minmax(0,1fr);gap:19px;min-height:215px;padding:27px;border:1px solid #d9e3ed;border-radius:22px;background:#fff;overflow:hidden;transition:.25s}.service-catalog-card:after{content:"";position:absolute;right:-55px;bottom:-70px;width:150px;height:150px;border:22px solid #f2f5fa;border-radius:50%;transition:.25s}.service-catalog-card:hover{transform:translateY(-5px);border-color:#abc2f1;box-shadow:0 22px 60px rgba(7,26,51,.09)}.service-catalog-card:hover:after{border-color:#e8efff;transform:scale(1.08)}.service-card-number{position:relative;z-index:1;display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#edf3ff;color:var(--blue);font-size:.65rem;font-weight:950}.service-catalog-it .service-card-number{background:#e8fafc;color:#078ca7}.service-catalog-infra .service-card-number{background:#f0edff;color:#6d55ce}.service-catalog-card>div{position:relative;z-index:1}.service-catalog-card h3{margin:3px 0 10px;font-size:1.25rem;letter-spacing:-.025em}.service-catalog-card p{margin:0;color:var(--muted);font-size:.82rem;line-height:1.65}.service-catalog-card>b{position:absolute;z-index:2;left:100px;bottom:23px;color:var(--blue);font-size:.69rem}.service-catalog-card>b i{margin-left:7px;font-style:normal}.service-catalog-it .service-catalog-card>b{color:#078ca7}.service-catalog-infra .service-catalog-card>b{color:#6d55ce}

/* Cartes de découverte sur les pages univers */
.service-teasers{background:#f7f9fc}.service-teasers-it{background:#f5fafb}.service-teaser-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.service-teaser-card{position:relative;display:flex;min-height:285px;flex-direction:column;padding:27px;border:1px solid #d8e3ed;border-radius:22px;background:#fff;overflow:hidden;transition:.24s}.service-teaser-card:after{content:"";position:absolute;right:-50px;bottom:-65px;width:145px;height:145px;border:20px solid #f1f5fa;border-radius:50%}.service-teaser-card:hover{transform:translateY(-5px);border-color:#b4c8ed;box-shadow:0 20px 55px rgba(7,26,51,.08)}.service-teaser-card>span{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#edf3ff;color:var(--blue);font-size:.62rem;font-weight:950}.service-teaser-card.infra>span{background:#f0edff;color:#6d55ce}.service-teaser-card h3{position:relative;z-index:1;margin:25px 0 10px;font-size:1.18rem;line-height:1.25}.service-teaser-card p{position:relative;z-index:1;margin:0;color:var(--muted);font-size:.78rem;line-height:1.62}.service-teaser-card b{position:relative;z-index:1;margin-top:auto;padding-top:20px;color:var(--blue);font-size:.69rem}.service-teaser-card b i{margin-left:6px;font-style:normal}.service-teaser-group-title{margin:0 0 17px;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:#078ca7}.service-teaser-group-title.infra-title{margin-top:44px;color:#6d55ce}.service-teaser-more{display:flex;justify-content:flex-end;margin-top:28px}

/* Détail d'un service */
.service-detail-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#f8fbff,#fff);border-bottom:1px solid var(--line)}.service-detail-hero.service-theme-it{background:linear-gradient(135deg,#f6fcfd,#fff)}.service-detail-hero.service-theme-infra{background:linear-gradient(135deg,#faf9ff,#fff)}
.service-breadcrumb{position:relative;z-index:2;display:flex;align-items:center;gap:9px;padding-top:30px;color:#718096;font-size:.7rem}.service-breadcrumb a:hover{color:var(--blue)}.service-breadcrumb strong{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink)}
.service-detail-hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(340px,.68fr);gap:75px;align-items:center;min-height:650px;padding:55px 0 78px}.service-detail-copy h1{max-width:820px;margin:22px 0 25px;font-size:clamp(2.85rem,5vw,4.85rem);line-height:1.02;letter-spacing:-.055em}.service-detail-copy>p{max-width:720px;margin:0;color:#52657c;font-size:1.08rem;line-height:1.75}.service-theme-it .kicker{color:#078ca7}.service-theme-infra .kicker{color:#6d55ce}
.service-hero-proof{display:flex;flex-wrap:wrap;gap:17px;margin-top:35px;color:#5f7085;font-size:.72rem;font-weight:800}.service-hero-proof span{display:flex;align-items:center;gap:7px}.service-hero-proof b{display:grid;place-items:center;width:25px;height:25px;border:1px solid #cbd8e7;border-radius:8px;color:var(--blue);font-size:.55rem}.service-theme-it .service-hero-proof b{color:#078ca7}.service-theme-infra .service-hero-proof b{color:#6d55ce}
.service-system-card{position:relative;min-height:395px;padding:28px;border:1px solid #cfdce9;border-radius:28px;background:var(--ink);color:#fff;box-shadow:0 35px 90px rgba(7,26,51,.23);overflow:hidden}.service-system-card:before{content:"";position:absolute;right:-90px;bottom:-90px;width:230px;height:230px;border:35px solid rgba(57,122,255,.15);border-radius:50%}.service-theme-it .service-system-card:before{border-color:rgba(22,196,231,.16)}.service-theme-infra .service-system-card:before{border-color:rgba(142,113,255,.18)}.system-card-top,.system-card-bottom{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;font-size:.57rem;font-weight:900;letter-spacing:.13em}.system-card-top{padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,.12);color:#9eb0c6}.system-card-top i{font-style:normal;color:#52edae}.system-card-title{position:relative;z-index:1;padding:43px 0 32px}.system-card-title small{display:block;color:#7ba7ff;font-size:.57rem;font-weight:900;letter-spacing:.13em}.service-theme-it .system-card-title small{color:#65d9ed}.service-theme-infra .system-card-title small{color:#b5a3ff}.system-card-title strong{display:block;max-width:330px;margin-top:9px;font-size:1.65rem;line-height:1.22;letter-spacing:-.035em}.system-card-lines{position:relative;z-index:1;display:grid;gap:12px}.system-card-lines span{display:flex;align-items:center;gap:10px;padding:11px 13px;border:1px solid rgba(255,255,255,.11);border-radius:10px;background:rgba(255,255,255,.04);color:#c7d3e1;font-size:.69rem}.system-card-lines i{width:7px;height:7px;border-radius:50%;background:#49e7a5}.system-card-bottom{position:absolute;left:28px;right:28px;bottom:25px;color:#8197b2}.system-card-bottom b{color:#75a1ff}.service-theme-it .system-card-bottom b{color:#65d9ed}.service-theme-infra .system-card-bottom b{color:#b5a3ff}
.service-local-nav{position:relative;z-index:3;border-bottom:1px solid var(--line);background:#fff}.service-local-nav .container{display:flex;align-items:center;gap:6px;min-height:70px;overflow-x:auto}.service-local-nav a{flex:0 0 auto;padding:10px 13px;border-radius:10px;color:#52647a;font-size:.72rem;font-weight:800}.service-local-nav a:hover{background:#eef3ff;color:var(--blue)}
.service-understand-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(340px,.65fr);gap:65px;align-items:center}.service-intro h2,.service-audience-grid h2{margin:15px 0 24px;font-size:clamp(2.2rem,3.7vw,3.45rem);line-height:1.08;letter-spacing:-.045em}.service-intro p,.service-audience-grid>div>p{margin:0;color:var(--muted);font-size:1rem;line-height:1.8}.service-problem-card{position:relative;padding:34px;border:1px solid #d6e1ec;border-radius:25px;background:#f7f9fc;overflow:hidden}.service-problem-card:after{content:"";position:absolute;right:-40px;top:-55px;width:140px;height:140px;border:20px solid #e9eef6;border-radius:50%}.service-problem-card>span{position:relative;z-index:1;color:var(--blue);font-size:.59rem;font-weight:950;letter-spacing:.11em}.service-problem-card h3{position:relative;z-index:1;margin:17px 0 14px;font-size:1.45rem;line-height:1.28}.service-problem-card p{position:relative;z-index:1;margin:0;color:var(--muted);font-size:.83rem;line-height:1.72}.service-problem-card a{position:relative;z-index:1;display:inline-flex;margin-top:24px;color:var(--blue);font-size:.7rem;font-weight:900}.service-problem-card a b{margin-left:8px}
.service-benefits{background:var(--ink);color:#fff}.service-benefits .section-head h2{color:#fff}.service-benefits .section-head>p{color:#aebed1}.service-benefits .section-label{color:#7ca7ff}.service-benefit-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid rgba(255,255,255,.13);border-left:1px solid rgba(255,255,255,.13)}.service-benefit-grid article{min-height:215px;padding:26px 22px;border-right:1px solid rgba(255,255,255,.13);border-bottom:1px solid rgba(255,255,255,.13)}.service-benefit-grid span{display:grid;place-items:center;width:35px;height:35px;border-radius:10px;background:rgba(57,122,255,.16);color:#86adff;font-size:.58rem;font-weight:950}.service-benefit-grid p{margin:42px 0 0;color:#e2e9f2;font-size:.82rem;line-height:1.65;font-weight:720}
.service-audience{background:#f7f9fc}.service-audience-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(420px,.7fr);gap:80px;align-items:center}.service-audience-list{display:grid;gap:10px}.service-audience-list span{display:flex;align-items:center;gap:13px;padding:16px 18px;border:1px solid #d8e2ec;border-radius:14px;background:#fff;color:#34485f;font-size:.82rem;font-weight:730}.service-audience-list i{display:grid;place-items:center;flex:0 0 auto;width:26px;height:26px;border-radius:8px;background:#e6f9f0;color:#0b9360;font-style:normal;font-size:.65rem;font-weight:950}
.service-scope-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.service-scope-grid article{border:1px solid #d5e0eb;border-radius:24px;overflow:hidden;background:#fff}.service-scope-grid header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 25px;border-bottom:1px solid #dce5ee;background:#f7fafc}.service-scope-grid header span{font-size:.58rem;font-weight:950;letter-spacing:.1em}.scope-included header span{color:#0c9160}.scope-excluded header span{color:#a66a13}.service-scope-grid header strong{font-size:.74rem}.service-scope-grid ul{display:grid;gap:0;margin:0;padding:11px 25px;list-style:none}.service-scope-grid li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;align-items:start;padding:13px 0;border-bottom:1px solid #edf1f5;color:#46596f;font-size:.78rem}.service-scope-grid li:last-child{border-bottom:0}.service-scope-grid li i{display:grid;place-items:center;width:24px;height:24px;border-radius:8px;background:#e5f9ef;color:#0a8b58;font-style:normal;font-size:.62rem;font-weight:950}.scope-excluded li i{background:#fff4e4;color:#a66a13}.scope-note{margin:19px 0 0;padding:15px 18px;border-left:4px solid var(--blue);background:#f3f7ff;color:#53657a;font-size:.75rem}
.service-method{background:#f7f9fc}.service-steps{display:grid;border-top:1px solid #d7e1eb}.service-steps article{display:grid;grid-template-columns:72px minmax(0,1fr);gap:25px;padding:27px 10px;border-bottom:1px solid #d7e1eb}.service-steps article>span{display:grid;place-items:center;width:52px;height:52px;border:1px solid #c9d7e7;border-radius:15px;background:#fff;color:var(--blue);font-size:.65rem;font-weight:950}.service-steps h3{margin:1px 0 7px;font-size:1.15rem}.service-steps p{max-width:850px;margin:0;color:var(--muted);font-size:.82rem;line-height:1.65}
.service-offers{background:#fff}.service-offer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.service-offer-grid article{display:flex;min-height:330px;flex-direction:column;padding:27px;border:1px solid #d7e2ed;border-radius:22px;background:#fff;box-shadow:0 12px 40px rgba(7,26,51,.045)}.service-offer-grid article>span{color:var(--blue);font-size:.57rem;font-weight:950;letter-spacing:.1em;text-transform:uppercase}.service-offer-grid h3{margin:18px 0 9px;font-size:1.2rem}.service-offer-grid p{margin:0;color:var(--muted);font-size:.77rem;line-height:1.62}.service-offer-grid strong{display:block;margin:25px 0 18px;color:var(--ink);font-size:1.25rem}.service-offer-grid a{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding:12px 14px;border:1px solid #cedae7;border-radius:11px;color:var(--blue);font-size:.68rem;font-weight:900}.service-offer-grid a:hover{background:var(--blue);border-color:var(--blue);color:#fff}.service-offer-link{display:flex;justify-content:flex-end;margin-top:24px}.service-projects{background:#f7f9fc}.service-faq{background:#fff}
.related-services{background:#f7f9fc}.related-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.related-service-grid>a{display:flex;min-height:260px;flex-direction:column;padding:26px;border:1px solid #d8e2ed;border-radius:21px;background:#fff;transition:.22s}.related-service-grid>a:hover{transform:translateY(-4px);border-color:#aec3ed;box-shadow:0 18px 50px rgba(7,26,51,.08)}.related-service-grid span{color:var(--blue);font-size:.56rem;font-weight:950;letter-spacing:.1em}.related-service-grid h3{margin:20px 0 10px;font-size:1.14rem}.related-service-grid p{margin:0;color:var(--muted);font-size:.76rem;line-height:1.62}.related-service-grid b{margin-top:auto;padding-top:18px;color:var(--blue);font-size:.67rem}.related-service-grid b i{margin-left:7px;font-style:normal}.service-final-cta.service-theme-it{background:linear-gradient(135deg,#064864,#071a33)}.service-final-cta.service-theme-infra{background:linear-gradient(135deg,#31245f,#071a33)}

@media(max-width:1120px){
  .services-catalog-hero-grid,.service-detail-hero-grid{grid-template-columns:1fr;gap:25px;padding-top:65px}.catalog-orbit{width:min(480px,100%);margin:0 auto}.service-system-card{width:min(560px,100%)}
  .service-benefit-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.service-offer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .service-teaser-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:900px){
  .service-catalog-group>header,.service-understand-grid,.service-audience-grid{grid-template-columns:1fr;gap:28px}.service-catalog-grid,.service-scope-grid{grid-template-columns:1fr}.service-catalog-group>header p{max-width:680px}
  .service-detail-hero-grid{min-height:auto}.service-local-nav .container{justify-content:flex-start}.service-benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.related-service-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:680px){
  .services-catalog-hero-grid{min-height:auto;padding:55px 0}.catalog-orbit{height:330px}.catalog-orbit:before{inset:35px}.catalog-orbit:after{inset:85px}.catalog-core{width:120px;height:120px}.catalog-core span{font-size:2.5rem}.catalog-node{width:67px;height:67px;border-radius:18px}.catalog-node.node-web{top:45px}.catalog-node.node-it{top:115px}.catalog-node.node-infra{left:75px}.service-catalog-section.section{padding:70px 0}.service-catalog-group{margin-bottom:65px}.service-catalog-card{grid-template-columns:43px minmax(0,1fr);min-height:235px;padding:21px}.service-card-number{width:40px;height:40px}.service-catalog-card>b{left:84px}
  .service-detail-hero-grid{padding:45px 0 60px}.service-detail-copy h1{font-size:2.65rem}.service-detail-copy>p{font-size:.96rem}.service-system-card{min-height:380px;padding:23px}.system-card-bottom{left:23px;right:23px}.service-local-nav .container{min-height:62px}.service-local-nav a{padding:9px 10px}.service-understand.section,.service-benefits.section,.service-audience.section,.service-scope.section,.service-method.section,.service-offers.section,.related-services.section{padding:75px 0}.service-benefit-grid{grid-template-columns:1fr}.service-benefit-grid article{min-height:160px}.service-benefit-grid p{margin-top:25px}.service-scope-grid header{align-items:flex-start;flex-direction:column}.service-steps article{grid-template-columns:54px minmax(0,1fr);gap:15px}.service-steps article>span{width:45px;height:45px}.service-offer-grid,.related-service-grid,.service-teaser-grid{grid-template-columns:1fr}.service-teaser-card{min-height:245px}.service-audience-grid{gap:35px}
}
@media(max-width:440px){.service-detail-copy h1{font-size:2.35rem}.service-hero-proof{display:grid}.service-system-card{min-height:405px}.system-card-title strong{font-size:1.4rem}.service-catalog-card{min-height:260px}.service-catalog-card>b{left:21px;bottom:19px}.service-steps article{grid-template-columns:1fr}.service-steps article>span{margin-bottom:5px}}
.pricing-category-meta{display:grid;justify-items:end;gap:4px}.pricing-category-meta p{margin:0;color:var(--muted);font-size:.72rem;font-weight:750}.pricing-category-meta a{color:var(--blue);font-size:.62rem;font-weight:900}.pricing-table-group-it .pricing-category-meta a{color:#078ca7}
@media(max-width:760px){.pricing-category-meta{justify-items:start}.pricing-category-meta p{display:none}.pricing-table-group>header{flex-wrap:wrap}.pricing-category-meta{width:100%;padding-left:60px}}

/* V2.5.1 — lancement, SEO, accessibilité et performance */
:where(a,button,input,select,textarea,summary):focus-visible{outline:3px solid #ffbf47;outline-offset:3px}
main:focus{outline:none}[id]{scroll-margin-top:145px}
.global-breadcrumb{position:relative;z-index:3;background:#f8fafc;border-bottom:1px solid var(--line)}
.global-breadcrumb ol{min-height:48px;display:flex;align-items:center;gap:9px;margin-block:0;padding-block:9px;list-style:none;color:#64748b;font-size:.72rem;font-weight:720}
.global-breadcrumb li{display:flex;align-items:center;min-width:0}.global-breadcrumb li+li:before{content:"/";margin-right:9px;color:#a8b5c5}
.global-breadcrumb a{color:#39516c}.global-breadcrumb a:hover{text-decoration:underline;text-underline-offset:3px;color:var(--blue)}
.global-breadcrumb span[aria-current="page"]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink);font-weight:820}
.footer-phone{display:inline-flex;width:max-content;margin-top:8px;color:#fff;font-weight:800}
.project-media,.project-image{overflow:hidden;background:#eaf0f7}.project-media img,.project-image img{width:100%;height:100%;object-fit:cover;decoding:auto}
.project-media img,.project-image img{transition:transform .35s ease}.project-card:hover .project-media img,.project-card:hover .project-image img{transform:scale(1.025)}
.service-catalog-card,.service-teaser-card,.related-service-grid>a,.project-card{content-visibility:auto;contain-intrinsic-size:280px}

.error-page-v2{position:relative;overflow:hidden;padding:95px 0 110px;background:linear-gradient(145deg,#f7faff,#fff 62%)}
.error-page-v2:before{content:"404";position:absolute;right:-1vw;top:-120px;color:#edf3fb;font-size:clamp(15rem,34vw,35rem);font-weight:950;line-height:1;letter-spacing:-.1em;pointer-events:none}
.error-page-v2 .container{position:relative;z-index:1}.error-code{display:inline-flex;padding:8px 13px;border:1px solid #cfdced;border-radius:999px;background:#fff;color:var(--blue);font-size:.68rem;font-weight:950;letter-spacing:.12em}
.error-page-v2 h1{max-width:820px;margin:24px 0 20px;font-size:clamp(3rem,7vw,6rem);line-height:.96;letter-spacing:-.065em}.error-page-v2 .error-lead{max-width:680px;margin:0;color:var(--muted);font-size:1.08rem;line-height:1.75}
.error-actions{display:flex;flex-wrap:wrap;gap:12px;margin:32px 0 58px}.error-suggestions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.error-suggestions a{display:flex;min-height:185px;flex-direction:column;padding:23px;border:1px solid #d6e2ee;border-radius:20px;background:rgba(255,255,255,.92);box-shadow:0 14px 45px rgba(7,26,51,.055);transition:.22s}
.error-suggestions a:hover{transform:translateY(-4px);border-color:#abc2ef}.error-suggestions span{color:var(--blue);font-size:.58rem;font-weight:950;letter-spacing:.1em}.error-suggestions strong{margin-top:25px;font-size:1.02rem}.error-suggestions small{margin-top:8px;color:var(--muted);line-height:1.55}.error-suggestions b{margin-top:auto;color:var(--blue)}

@media(max-width:900px){.error-suggestions{grid-template-columns:1fr 1fr}.global-breadcrumb ol{min-height:44px}}
@media(max-width:680px){[id]{scroll-margin-top:105px}.global-breadcrumb ol{overflow:hidden;font-size:.66rem}.global-breadcrumb li:first-child{flex:0 0 auto}.error-page-v2{padding:68px 0 80px}.error-page-v2 h1{font-size:clamp(2.75rem,13vw,4.2rem)}.error-actions{flex-direction:column}.error-actions .button{width:100%}.error-suggestions{grid-template-columns:1fr}.error-suggestions a{min-height:150px}.floating-contact{bottom:max(14px,env(safe-area-inset-bottom));right:max(14px,env(safe-area-inset-right))}}
@media(prefers-reduced-motion:reduce){.project-media img,.project-image img{transition:none}.project-card:hover .project-media img,.project-card:hover .project-image img{transform:none}}
@media(forced-colors:active){.button,.nav>a,.service-catalog-card,.project-card{border:1px solid ButtonText}.live-dot{forced-color-adjust:none}}
.footer-map{display:inline-flex;width:max-content;margin-top:10px;color:#8fdcf2;font-size:.72rem;font-weight:820}.footer-map:hover{text-decoration:underline;text-underline-offset:3px}

/* ========================================================================== 
   GRN-INFO 2.6 — catalogue complet des cinq activités déclarées
   ========================================================================== */
.orientation-grid-five{grid-template-columns:repeat(6,minmax(0,1fr));align-items:stretch}
.orientation-grid-five .universe-card{grid-column:span 2;min-height:470px;padding:31px}
.orientation-grid-five .universe-card:nth-child(4){grid-column:2/span 2}
.orientation-grid-five .universe-card:nth-child(5){grid-column:4/span 2}
.orientation-grid-five .universe-top b{font-size:3.55rem}
.orientation-grid-five .universe-card h3{font-size:1.9rem}
.orientation-grid-five .universe-card ul{grid-template-columns:1fr;margin-top:19px}
.universe-repair:before{background:linear-gradient(135deg,transparent 40%,rgba(221,101,45,.09))}
.universe-hosting:before{background:linear-gradient(135deg,transparent 40%,rgba(112,79,196,.09))}
.universe-visibility:before{background:linear-gradient(135deg,transparent 40%,rgba(20,156,101,.09))}
.universe-repair li:before{color:#cf672f}.universe-hosting li:before{color:#7052c8}.universe-visibility li:before{color:#109765}
.repair-icon,.hosting-icon,.visibility-icon{display:grid;place-items:center;border:2px solid currentColor;border-radius:18px;font-size:2rem;font-weight:950}
.repair-icon{color:#cf672f;background:#fff8f2}.repair-icon span{transform:rotate(45deg)}
.hosting-icon{color:#7052c8;background:#faf8ff}.hosting-icon span{font-size:2.25rem}
.visibility-icon{color:#109765;background:#f3fcf7}.visibility-icon span{display:grid;place-items:center;width:46px;height:46px;border:2px solid currentColor;border-radius:50%;font-size:1.55rem}
.visibility-focus-section{background:linear-gradient(180deg,#fff,#f5fbf8)}
.visibility-dashboard{position:relative;min-height:390px;padding:28px;border:1px solid #cfe6db;border-radius:28px;background:linear-gradient(145deg,#0b2633,#071a33);box-shadow:0 30px 80px rgba(7,26,51,.18);overflow:hidden;color:#fff}
.visibility-dashboard:before{content:"";position:absolute;right:-100px;top:-120px;width:310px;height:310px;border:1px solid rgba(82,225,163,.18);border-radius:50%;box-shadow:0 0 0 55px rgba(82,225,163,.04),0 0 0 110px rgba(82,225,163,.025)}
.visibility-search{position:relative;display:flex;justify-content:space-between;align-items:center;padding:13px 16px;border:1px solid rgba(255,255,255,.15);border-radius:999px;background:rgba(255,255,255,.07);font-weight:900}.visibility-search span{color:#76e4b5;font-size:.7rem;letter-spacing:.1em}
.visibility-result{position:relative;margin-top:38px;padding:25px;border-left:4px solid #49d69b;background:rgba(255,255,255,.055)}.visibility-result small{color:#6bdcad;font-size:.57rem;font-weight:950;letter-spacing:.12em}.visibility-result strong{display:block;margin:13px 0 8px;font-size:1.55rem}.visibility-result p{margin:0;color:#afc2ce;line-height:1.6}
.visibility-metrics{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:28px}.visibility-metrics span{padding:15px 12px;border:1px solid rgba(255,255,255,.11);border-radius:12px;color:#9eb1bf;font-size:.58rem}.visibility-metrics b{display:block;margin-bottom:6px;color:#6be1ae;font-size:.73rem}.visibility-label{color:#109765}

.pricing-jump-nav{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}
.pricing-jump-nav .container{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:0}
.pricing-jump-nav a{display:flex;align-items:center;gap:10px;min-height:72px;padding:14px 16px;border-right:1px solid var(--line);color:#3c5068;font-size:.7rem;font-weight:850;line-height:1.3;transition:.18s}
.pricing-jump-nav a:first-child{border-left:1px solid var(--line)}.pricing-jump-nav a:hover{background:#f6f9fd;color:var(--blue)}.pricing-jump-nav a span{color:var(--blue);font-size:.55rem;font-weight:950;letter-spacing:.08em}
.pricing-directory-repair,.pricing-directory-visibility{background:#fbfcfd}.pricing-directory-hosting{background:#f8f7fc}
.pricing-table-group-repair>header{background:#fff8f3}.pricing-table-group-hosting>header{background:#faf8ff}.pricing-table-group-visibility>header{background:#f3fbf7}
.pricing-table-group-repair .pricing-table-title>span{color:#c65d28;border-color:#e4c1af}.pricing-table-group-hosting .pricing-table-title>span{color:#684bbd;border-color:#cfc5eb}.pricing-table-group-visibility .pricing-table-title>span{color:#0d8c5c;border-color:#b9ddcb}
.pricing-table-group-repair .pricing-table-row.featured:before{background:#d66d35}.pricing-table-group-hosting .pricing-table-row.featured:before{background:#7254c8}.pricing-table-group-visibility .pricing-table-row.featured:before{background:#119765}
.pricing-table-group-repair .pricing-table-meta>b{background:#fff0e8;color:#b75526}.pricing-table-group-hosting .pricing-table-meta>b{background:#f0edff;color:#6549b8}.pricing-table-group-visibility .pricing-table-meta>b{background:#e6f8ef;color:#0d8659}
.pricing-table-group-repair .pricing-table-action,.pricing-table-group-repair .pricing-category-meta a{color:#b85a2c}.pricing-table-group-hosting .pricing-table-action,.pricing-table-group-hosting .pricing-category-meta a{color:#6549b8}.pricing-table-group-visibility .pricing-table-action,.pricing-table-group-visibility .pricing-category-meta a{color:#0d8659}
.pricing-table-group-repair .pricing-table-action:hover{background:#b85a2c;border-color:#b85a2c;color:#fff}.pricing-table-group-hosting .pricing-table-action:hover{background:#6549b8;border-color:#6549b8;color:#fff}.pricing-table-group-visibility .pricing-table-action:hover{background:#0d8659;border-color:#0d8659;color:#fff}

.catalog-orbit-five .catalog-core{width:132px;height:132px}.catalog-orbit-five .catalog-core span{font-size:2.7rem}
.catalog-orbit-five .node-web{top:18px;left:50%;transform:translateX(-50%)}
.catalog-orbit-five .node-it{right:5px;top:118px}.catalog-orbit-five .node-repair{right:58px;bottom:17px}.catalog-orbit-five .node-hosting{left:58px;bottom:17px}.catalog-orbit-five .node-visibility{left:5px;top:118px}
.catalog-node.node-repair{background:#fff3ec;color:#b95a29;border-color:#efc8b5}.catalog-node.node-hosting{background:#f3efff;color:#6549b8;border-color:#d3c9ee}.catalog-node.node-visibility{background:#eaf9f1;color:#0d8659;border-color:#bee1cf}
.service-catalog-repair .service-card-number{background:#fff0e8;color:#ba5929}.service-catalog-hosting .service-card-number{background:#f0edff;color:#6549b8}.service-catalog-visibility .service-card-number{background:#e7f8ef;color:#0d8659}
.service-catalog-repair .service-catalog-card>b{color:#ba5929}.service-catalog-hosting .service-catalog-card>b{color:#6549b8}.service-catalog-visibility .service-catalog-card>b{color:#0d8659}
.service-catalog-repair>header .section-label{color:#ba5929}.service-catalog-hosting>header .section-label{color:#6549b8}.service-catalog-visibility>header .section-label{color:#0d8659}

.service-detail-hero.service-theme-repair{background:linear-gradient(135deg,#fff8f3,#fff)}.service-detail-hero.service-theme-hosting{background:linear-gradient(135deg,#faf8ff,#fff)}.service-detail-hero.service-theme-visibility{background:linear-gradient(135deg,#f3fbf7,#fff)}
.service-theme-repair .kicker{color:#b95a29}.service-theme-hosting .kicker{color:#6549b8}.service-theme-visibility .kicker{color:#0d8659}
.service-final-cta.service-theme-repair{background:linear-gradient(135deg,#6c2c18,#071a33)}.service-final-cta.service-theme-hosting{background:linear-gradient(135deg,#30235d,#071a33)}.service-final-cta.service-theme-visibility{background:linear-gradient(135deg,#0a513a,#071a33)}
.service-teaser-group-title.repair-title{margin-top:44px;color:#b95a29}.service-teaser-group-title.hosting-title{margin-top:44px;color:#6549b8}.service-teaser-group-title.visibility-title{margin-top:44px;color:#0d8659}
.service-teaser-card.repair>span{background:#fff0e8;color:#b95a29}.service-teaser-card.hosting>span{background:#f0edff;color:#6549b8}.service-teaser-card.visibility>span{background:#e7f8ef;color:#0d8659}
.service-teaser-card.repair b{color:#b95a29}.service-teaser-card.hosting b{color:#6549b8}.service-teaser-card.visibility b{color:#0d8659}

@media(max-width:1080px){
  .orientation-grid-five{grid-template-columns:repeat(2,minmax(0,1fr))}.orientation-grid-five .universe-card,.orientation-grid-five .universe-card:nth-child(4),.orientation-grid-five .universe-card:nth-child(5){grid-column:auto}.orientation-grid-five .universe-card:last-child{grid-column:1/-1;min-height:390px}
  .pricing-jump-nav .container{grid-template-columns:repeat(3,minmax(0,1fr))}.pricing-jump-nav a:nth-child(4){border-left:1px solid var(--line)}
}
@media(max-width:760px){
  .orientation-grid-five{grid-template-columns:1fr}.orientation-grid-five .universe-card:last-child{grid-column:auto}.orientation-grid-five .universe-card{min-height:430px}.orientation-grid-five .universe-top b{font-size:2.9rem}
  .pricing-jump-nav .container{display:flex;overflow-x:auto}.pricing-jump-nav a,.pricing-jump-nav a:first-child,.pricing-jump-nav a:nth-child(4){flex:0 0 185px;border-left:0}.pricing-jump-nav a:first-child{border-left:1px solid var(--line)}
  .visibility-dashboard{min-height:350px;padding:21px}.visibility-metrics{grid-template-columns:1fr}.visibility-result{margin-top:24px}
  .catalog-orbit-five .node-web{top:15px}.catalog-orbit-five .node-it{right:2px;top:95px}.catalog-orbit-five .node-repair{right:48px;bottom:10px}.catalog-orbit-five .node-hosting{left:48px;bottom:10px}.catalog-orbit-five .node-visibility{left:2px;top:95px}
}

/* ===== Refonte header GRN-INFO ===== */

.topbar,
.top-strip,
.header-strip,
.site-topbar {
    background: #05213d !important;
    color: rgba(255,255,255,0.92) !important;
    min-height: 36px;
    display: flex;
    align-items: center;
    font-size: 13px;
    letter-spacing: 0.02em;
}

.topbar .container,
.top-strip .container,
.header-strip .container,
.site-topbar .container {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 18px;
}

header.site-header,
.site-header,
.main-header {
    background: #ffffff !important;
    border-bottom: 1px solid #e6edf5;
    box-shadow: 0 6px 22px rgba(8, 33, 61, 0.05);
    position: sticky;
    top: 0;
    z-index: 1000;
}

.site-header .container,
.main-header .container,
header.site-header .container {
    min-height: 86px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
}

.site-brand,
.brand,
.logo-group {
    display: flex;
    align-items: center;
    gap: 14px;
    min-width: 240px;
}

.site-brand img,
.brand img,
.logo-group img {
    width: 52px;
    height: 52px;
    object-fit: contain;
    border-radius: 14px;
}

.site-brand__text,
.brand-text,
.logo-text {
    display: flex;
    flex-direction: column;
    gap: 2px;
    line-height: 1.1;
}

.site-brand__title,
.brand-title,
.logo-text strong,
.logo-text b {
    font-size: 33px;
    font-weight: 800;
    color: #07233f;
    letter-spacing: -0.02em;
}

.site-brand__subtitle,
.brand-subtitle,
.logo-text small,
.logo-text span {
    font-size: 13px;
    color: #6c7d90;
    font-weight: 600;
    letter-spacing: 0.01em;
}

.main-nav,
.site-nav,
header nav {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    flex-wrap: nowrap;
    flex: 1;
}

.main-nav a,
.site-nav a,
header nav a {
    color: #18324b;
    text-decoration: none;
    font-weight: 700;
    font-size: 15px;
    padding: 12px 16px;
    border-radius: 14px;
    transition: 0.2s ease;
    white-space: nowrap;
}

.main-nav a:hover,
.site-nav a:hover,
header nav a:hover {
    background: #eef5ff;
    color: #0b63f3;
}

.main-nav a.active,
.site-nav a.active,
header nav a.active {
    background: #edf4ff;
    color: #0b63f3;
}

.header-cta,
.site-header .btn-primary,
header.site-header .btn-primary,
.main-header .btn-primary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 14px 22px;
    border-radius: 16px;
    background: #05213d !important;
    color: #ffffff !important;
    text-decoration: none;
    font-weight: 800;
    font-size: 15px;
    white-space: nowrap;
    box-shadow: 0 10px 26px rgba(5, 33, 61, 0.18);
}

.header-cta:hover,
.site-header .btn-primary:hover,
header.site-header .btn-primary:hover,
.main-header .btn-primary:hover {
    transform: translateY(-1px);
    background: #0b63f3 !important;
}

@media (max-width: 1180px) {
    .site-header .container,
    .main-header .container,
    header.site-header .container {
        gap: 18px;
    }

    .main-nav a,
    .site-nav a,
    header nav a {
        padding: 10px 12px;
        font-size: 14px;
    }

    .site-brand__title,
    .brand-title,
    .logo-text strong,
    .logo-text b {
        font-size: 28px;
    }
}

@media (max-width: 980px) {
    .topbar .container,
    .top-strip .container,
    .header-strip .container,
    .site-topbar .container {
        justify-content: center;
        text-align: center;
    }

    .site-brand__subtitle,
    .brand-subtitle,
    .logo-text small,
    .logo-text span {
        font-size: 12px;
    }
}

/* ===== Correctif bloc tarifs accueil 2.6 ===== */

.price-preview {
    padding: 56px 0;
}

.price-preview-card {
    position: relative;
    display: grid;
    grid-template-columns: minmax(280px, .85fr) minmax(0, 1.35fr);
    grid-template-areas:
        "intro offers"
        "intro actions";
    align-items: start;
    gap: 20px 34px;
    padding: 42px;
    overflow: hidden;
    border-radius: 28px;
    background:
        linear-gradient(135deg, #041e38 0%, #06375e 68%, #0a4e72 100%);
    box-shadow: 0 24px 65px rgba(4, 30, 56, .2);
}

.price-preview-card::after {
    content: "";
    position: absolute;
    z-index: 0;
    width: 260px;
    height: 260px;
    top: -150px;
    right: -110px;
    border-radius: 50%;
    background: rgba(43, 183, 226, .18);
    pointer-events: none;
}

.price-preview-card > * {
    position: relative;
    z-index: 1;
}

.price-preview-card > div:first-child {
    grid-area: intro;
    align-self: center;
}

.price-preview-card h2 {
    max-width: 430px;
    margin: 14px 0 16px;
    color: #fff;
    font-size: clamp(2rem, 3vw, 2.85rem);
    line-height: 1.07;
    letter-spacing: -.045em;
}

.price-preview-card p {
    max-width: 420px;
    margin: 0;
    color: rgba(255, 255, 255, .75);
    font-size: .96rem;
    line-height: 1.7;
}

.price-mini-grid {
    grid-area: offers;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    overflow: visible;
    border: 0;
    border-radius: 0;
}

.price-mini-grid article,
.price-mini-grid article:last-child {
    min-height: 112px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 18px;
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 16px;
    background: rgba(255, 255, 255, .06);
    backdrop-filter: blur(6px);
}

.price-mini-grid span {
    display: block;
    color: #73dcf3;
    font-size: .62rem;
    font-weight: 900;
    line-height: 1.45;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.price-mini-grid strong {
    display: block;
    margin-top: 16px;
    color: #fff;
    font-size: 1.15rem;
    line-height: 1.25;
}

.price-preview-actions {
    grid-area: actions;
    display: flex;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
    margin-top: 2px;
}

.price-preview-actions .button-light {
    min-height: 50px;
    padding: 13px 20px;
    border-radius: 14px;
}

.price-preview-link {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    padding: 8px 0;
    color: #fff;
    border-bottom: 1px solid rgba(255, 255, 255, .38);
    font-size: .8rem;
    font-weight: 850;
}

.price-preview-link:hover {
    color: #7ee1f5;
    border-bottom-color: #7ee1f5;
}

@media (max-width: 900px) {
    .price-preview-card {
        grid-template-columns: 1fr;
        grid-template-areas:
            "intro"
            "offers"
            "actions";
        gap: 26px;
        padding: 34px;
    }

    .price-preview-card h2,
    .price-preview-card p {
        max-width: none;
    }
}

@media (max-width: 620px) {
    .price-preview {
        padding: 34px 0;
    }

    .price-preview-card {
        padding: 25px;
        border-radius: 22px;
    }

    .price-mini-grid {
        grid-template-columns: 1fr;
    }

    .price-mini-grid article,
    .price-mini-grid article:last-child {
        min-height: 100px;
    }

    .price-preview-actions {
        align-items: stretch;
        flex-direction: column;
    }

    .price-preview-actions .button-light {
        width: 100%;
    }
}

/* ===== Contact footer GRN-INFO corrigé ===== */

.footer-intro {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.footer-intro > p {
    margin: 22px 0 20px;
}

.footer-mail,
.footer-phone {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    max-width: 350px;
    min-height: 52px;
    margin: 0 0 10px;
    padding: 11px 14px;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 13px;
    background: rgba(255, 255, 255, .045);
    color: #fff;
    font-size: .82rem;
    font-weight: 800;
    line-height: 1.3;
    text-decoration: none;
    transition:
        background .2s ease,
        border-color .2s ease,
        transform .2s ease;
}

.footer-mail::before,
.footer-phone::before {
    display: grid;
    flex: 0 0 34px;
    place-items: center;
    width: 34px;
    height: 34px;
    border-radius: 10px;
    background: rgba(112, 216, 237, .12);
    color: #70d8ed;
    font-size: .82rem;
    font-weight: 900;
}

.footer-mail::before {
    content: "@";
}

.footer-phone::before {
    content: "☎";
}

.footer-mail span {
    margin-left: auto;
    color: #70d8ed;
    font-size: .8rem;
}

.footer-phone::after {
    content: "↗";
    margin-left: auto;
    color: #70d8ed;
    font-size: .8rem;
}

.footer-mail:hover,
.footer-phone:hover {
    transform: translateY(-2px);
    border-color: rgba(112, 216, 237, .45);
    background: rgba(255, 255, 255, .08);
    color: #fff;
}

.footer-map {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    width: auto;
    margin-top: 2px;
    color: #8fdcf2;
    font-size: .72rem;
    font-weight: 800;
}

@media (max-width: 680px) {
    .footer-mail,
    .footer-phone {
        max-width: none;
        font-size: .8rem;
    }

    .footer-mail {
        overflow-wrap: anywhere;
    }
}

/* ===== FAQ complète GRN-INFO 2.6 ===== */
.faq-hero-complete{padding-bottom:58px}.faq-hero-complete p{max-width:830px}.faq-hero-stats{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.faq-hero-stats span{display:inline-flex;align-items:baseline;gap:6px;padding:10px 14px;border:1px solid rgba(7,26,51,.12);border-radius:12px;background:rgba(255,255,255,.62);color:var(--muted);font-size:.72rem;font-weight:750}.faq-hero-stats strong{color:var(--navy);font-size:1rem}.faq-hub{padding-top:0;background:var(--paper)}.faq-category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.faq-category-card{display:grid;grid-template-columns:34px minmax(0,1fr) 18px;align-items:center;gap:12px;min-height:92px;padding:17px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 10px 30px rgba(7,26,51,.04);transition:.2s}.faq-category-card:hover{transform:translateY(-3px);border-color:#a9c7ee;box-shadow:0 16px 38px rgba(7,26,51,.08)}.faq-category-card>span{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#edf4ff;color:var(--blue);font-size:.61rem;font-weight:950}.faq-category-card strong{display:block;color:var(--navy);font-size:.82rem;line-height:1.25}.faq-category-card small{display:block;margin-top:4px;color:var(--muted);font-size:.65rem}.faq-category-card i{color:var(--blue);font-style:normal}.faq-complete-layout{display:grid;grid-template-columns:minmax(250px,.64fr) minmax(0,1.36fr);gap:64px;align-items:start}.faq-complete-aside{position:sticky;top:135px}.faq-complete-aside h2{margin:14px 0 15px;font-size:clamp(2rem,3vw,3.1rem);line-height:1.04;color:var(--navy)}.faq-complete-aside>p{color:var(--muted);line-height:1.75}.faq-complete-content{display:grid;gap:54px}.faq-category-section{scroll-margin-top:125px}.faq-category-heading{display:grid;grid-template-columns:48px 1fr;gap:16px;align-items:start;margin-bottom:18px}.faq-category-heading>span{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:var(--navy);color:#fff;font-size:.7rem;font-weight:950}.faq-category-heading h2{margin:0;color:var(--navy);font-size:clamp(1.45rem,2vw,2rem)}.faq-category-heading p{margin:6px 0 0;color:var(--muted);font-size:.83rem;line-height:1.55}.faq-list-complete{max-width:none;margin:0}.faq-list-complete details{border-radius:15px}.faq-list-complete summary{grid-template-columns:40px minmax(0,1fr) 24px}.faq-list-complete details p{padding-left:77px}.faq-contact a+a{margin-top:2px}.faq-page-complete{background:#fff}@media(max-width:1050px){.faq-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.faq-complete-layout{grid-template-columns:1fr;gap:42px}.faq-complete-aside{position:static;display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:30px}.faq-complete-aside .section-label,.faq-complete-aside h2,.faq-complete-aside>p{grid-column:1}.faq-complete-aside .button{grid-column:2;grid-row:2/4;align-self:center}.faq-complete-aside .faq-contact{grid-column:1/3}}@media(max-width:680px){.faq-hero-complete{padding-bottom:40px}.faq-hero-stats{display:grid;grid-template-columns:1fr}.faq-category-grid{grid-template-columns:1fr}.faq-category-card{min-height:78px}.faq-complete-aside{display:block}.faq-complete-aside .button{width:100%;margin-top:8px}.faq-category-heading{grid-template-columns:42px 1fr}.faq-category-heading>span{width:42px;height:42px}.faq-list-complete summary{grid-template-columns:32px minmax(0,1fr) 20px}.faq-list-complete details p{padding-left:50px}.faq-complete-content{gap:42px}}

/* ===== Header direct confortable GRN-INFO 2.6.10 ===== */

.site-header .nav-wrap {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    min-height: 88px;
    gap: 28px;
}

.site-header .brand {
    flex: 0 0 auto;
    min-width: 300px;
    gap: 15px;
}

.site-header .brand img {
    width: 48px;
    height: 48px;
}

.site-header .brand-copy strong {
    display: block;
    color: #06233f;
    font-size: 1.16rem;
    font-weight: 850;
    line-height: 1.1;
    white-space: nowrap;
}

.site-header .brand-copy small {
    display: block;
    margin-top: 4px;
    color: #70849a;
    font-size: .61rem;
    font-weight: 650;
    letter-spacing: .055em;
    line-height: 1.2;
    white-space: nowrap;
}

.site-header .nav {
    display: flex;
    flex: 1 1 auto;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: nowrap;
    min-width: 0;
    gap: 4px;
}

.site-header .nav > a {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    padding: 11px 12px;
    border-radius: 13px;
    color: #203951;
    font-size: .84rem;
    font-weight: 780;
    line-height: 1;
    white-space: nowrap;
}

.site-header .nav > a:hover {
    color: #0664ec;
    background: #f0f6ff;
}

.site-header .nav > a.active {
    color: #0664ec;
    background: #edf4ff;
}

.site-header .nav > .nav-cta {
    min-height: 50px;
    margin-left: 8px;
    padding: 13px 19px;
    border-radius: 14px;
    background: #06233f;
    color: #fff;
    font-size: .84rem;
    font-weight: 850;
    box-shadow: 0 10px 25px rgba(6, 35, 63, .12);
}

.site-header .nav > .nav-cta:hover {
    color: #fff;
    background: #0867ed;
}

/*
 * Sur les écrans intermédiaires, on réduit légèrement
 * sans rendre les textes minuscules.
 */
@media (min-width: 1081px) and (max-width: 1250px) {
    .site-header .nav-wrap {
        gap: 16px;
    }

    .site-header .brand {
        min-width: 225px;
    }

    .site-header .brand-copy small {
        display: none;
    }

    .site-header .nav {
        gap: 1px;
    }

    .site-header .nav > a {
        padding-inline: 9px;
        font-size: .78rem;
    }

    .site-header .nav > .nav-cta {
        margin-left: 4px;
        padding-inline: 14px;
        font-size: .78rem;
    }
}

/*
 * En dessous de 1080 px, menu burger au lieu de compresser.
 */
@media (max-width: 1080px) {
    .site-header .nav-wrap {
        min-height: 76px;
    }

    .site-header .brand {
        min-width: 0;
    }

    .site-header .burger {
        display: block;
        flex: 0 0 auto;
        margin-left: auto;
    }

    .site-header .nav > a {
        justify-content: flex-start;
        min-height: 48px;
        padding: 14px;
        font-size: .9rem;
    }

    .site-header .nav > .nav-cta {
        justify-content: center;
        margin: 7px 0 0;
    }
}

/* ===== Fin header direct confortable ===== */

/* ===== Page À propos GRN-INFO 2.6.5 ===== */
.about-hero{position:relative;overflow:hidden;padding:88px 0 82px;background:linear-gradient(135deg,#031d37 0%,#04375e 70%,#075073 100%);color:#fff}.about-grid-pattern{position:absolute;inset:0;opacity:.22;background-image:linear-gradient(rgba(93,213,239,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(93,213,239,.14) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(to right,#000,transparent 94%)}.about-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(430px,.95fr);align-items:center;gap:70px}.about-hero-copy h1{max-width:760px;margin:16px 0 22px;font-size:clamp(3rem,6vw,5.8rem);line-height:.96;letter-spacing:-.065em;color:#fff}.about-hero-copy>p{max-width:700px;margin:0;color:rgba(255,255,255,.78);font-size:1.12rem;line-height:1.75}.about-hero-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:32px}.about-hero-link{color:#fff;font-weight:850;border-bottom:1px solid rgba(255,255,255,.35);padding:8px 0}.about-hero-visual{position:relative;min-height:500px}.about-core{position:absolute;left:50%;top:50%;z-index:3;display:grid;place-items:center;width:210px;height:210px;padding:25px;border:1px solid rgba(255,255,255,.18);border-radius:50%;background:rgba(3,28,53,.86);box-shadow:0 25px 80px rgba(0,0,0,.28);transform:translate(-50%,-50%);text-align:center}.about-core img{margin-bottom:8px}.about-core strong{font-size:1.25rem}.about-core span{max-width:130px;color:#7ddff3;font-size:.66rem;line-height:1.45;text-transform:uppercase;letter-spacing:.08em}.about-hero-visual:before,.about-hero-visual:after{content:"";position:absolute;left:50%;top:50%;border:1px solid rgba(119,222,244,.22);border-radius:50%;transform:translate(-50%,-50%)}.about-hero-visual:before{width:370px;height:370px}.about-hero-visual:after{width:490px;height:490px}.about-orbit-card{position:absolute;z-index:4;display:flex;align-items:center;gap:9px;padding:12px 15px;border:1px solid rgba(255,255,255,.15);border-radius:14px;background:rgba(255,255,255,.08);backdrop-filter:blur(9px);box-shadow:0 15px 45px rgba(0,0,0,.16)}.about-orbit-card b{color:#6ee0f7;font-size:.65rem}.about-orbit-card span{font-weight:850;font-size:.82rem}.card-web{left:5%;top:15%}.card-it{right:0;top:20%}.card-repair{left:-2%;bottom:20%}.card-hosting{right:2%;bottom:13%}.card-visibility{left:50%;bottom:0;transform:translateX(-50%)}.about-audience-strip{border-bottom:1px solid var(--line);background:#fff}.about-audience-strip .container{display:flex;align-items:center;justify-content:center;gap:0;overflow:auto}.about-audience-strip span{flex:1;min-width:170px;padding:20px 22px;border-right:1px solid var(--line);color:#4e647b;font-size:.7rem;font-weight:850;text-align:center;text-transform:uppercase;letter-spacing:.08em}.about-audience-strip span:first-child{border-left:1px solid var(--line)}.about-founder-grid{display:grid;grid-template-columns:minmax(300px,.75fr) minmax(0,1.25fr);gap:70px;align-items:center}.about-founder-card{position:relative;min-height:420px;padding:44px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(145deg,#f8fbff,#eef5fb);overflow:hidden}.about-founder-number{position:absolute;right:25px;top:20px;color:#0c66ed;font-weight:900;font-size:.7rem}.about-founder-avatar{display:grid;place-items:center;width:120px;height:120px;margin-bottom:44px;border-radius:28px;background:#06233f;color:#fff;font-size:3.4rem;font-weight:950;box-shadow:18px 18px 0 rgba(9,102,236,.1)}.about-founder-card h2{margin:12px 0 4px;font-size:2.25rem}.about-founder-role{color:#677b90;line-height:1.55}.about-founder-copy h2{max-width:760px;margin:14px 0 22px;font-size:clamp(2.25rem,4vw,4.25rem);line-height:1.02;letter-spacing:-.055em}.about-founder-copy>p{color:#526a82;font-size:1rem;line-height:1.8}.about-founder-points{display:grid;gap:10px;margin-top:26px}.about-founder-points span{position:relative;padding:14px 16px 14px 44px;border:1px solid var(--line);border-radius:13px;background:#fff;font-weight:750}.about-founder-points span:before{content:"✓";position:absolute;left:15px;color:#0867ed;font-weight:950}.about-mission{background:#f5f8fc}.about-values-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:36px}.about-value{min-height:260px;padding:28px;border:1px solid #dce6ef;border-radius:22px;background:#fff}.about-value>span{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#eaf3ff;color:#0967ec;font-size:.65rem;font-weight:950}.about-value h3{margin:42px 0 12px;font-size:1.35rem}.about-value p{margin:0;color:#62788d;line-height:1.7}.about-domains .section-head h2,.about-domains .section-head p{color:#fff}.about-domains .section-head p{opacity:.72}.about-domains-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:38px}.about-domain-card{min-height:270px;padding:28px;border:1px solid rgba(255,255,255,.13);border-radius:22px;background:rgba(255,255,255,.05);color:#fff;transition:.22s}.about-domain-card:hover{transform:translateY(-5px);background:rgba(255,255,255,.09);border-color:rgba(101,220,244,.45)}.about-domain-card>span{color:#6fe0f6;font-size:.66rem;font-weight:950;letter-spacing:.1em}.about-domain-card h3{margin:45px 0 12px;color:#fff;font-size:1.45rem}.about-domain-card p{min-height:76px;margin:0;color:rgba(255,255,255,.7);line-height:1.65}.about-domain-card b{display:flex;justify-content:space-between;margin-top:28px;color:#7ce4f8;font-size:.76rem}.about-domain-card i{font-style:normal}.about-method-layout{display:grid;grid-template-columns:minmax(300px,.8fr) minmax(0,1.2fr);gap:80px;align-items:start}.about-method-copy{position:sticky;top:150px}.about-method-copy h2{margin:14px 0 18px;font-size:clamp(2.3rem,4vw,4.25rem);line-height:1.03;letter-spacing:-.055em}.about-method-copy p{color:#5e7388;line-height:1.75;margin-bottom:28px}.about-method-list{display:grid;gap:0;margin:0;padding:0;list-style:none}.about-method-list li{display:grid;grid-template-columns:64px 1fr;gap:20px;padding:28px 0;border-bottom:1px solid var(--line)}.about-method-list li:first-child{border-top:1px solid var(--line)}.about-method-list li>span{display:grid;place-items:center;width:48px;height:48px;border-radius:13px;background:#edf4ff;color:#0867ed;font-size:.66rem;font-weight:950}.about-method-list h3{margin:0 0 8px;font-size:1.35rem}.about-method-list p{margin:0;color:#62788d;line-height:1.65}.about-infra-card{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:55px;align-items:center;padding:45px;border-radius:28px;background:linear-gradient(135deg,#052440,#07436a);color:#fff;box-shadow:0 24px 65px rgba(5,37,65,.18)}.about-infra-card h2{margin:14px 0 18px;color:#fff;font-size:clamp(2rem,3.5vw,3.6rem);line-height:1.05;letter-spacing:-.05em}.about-infra-card p{margin:0;color:rgba(255,255,255,.72);line-height:1.75}.about-infra-status{display:grid;gap:11px}.about-infra-status span{display:flex;align-items:center;gap:12px;padding:15px 17px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(255,255,255,.05);font-weight:750}.about-infra-status i{width:9px;height:9px;border-radius:50%;background:#14ddb0;box-shadow:0 0 0 6px rgba(20,221,176,.1)}.about-local{padding-top:30px}.about-local-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:start}.about-local h2{margin:14px 0 0;font-size:clamp(2.2rem,4vw,4rem);line-height:1.04;letter-spacing:-.055em}.about-local-copy p{margin:0 0 24px;color:#536b82;font-size:1.05rem;line-height:1.85}.about-final-cta{margin-top:30px}.about-home-teaser{padding:28px 0}.about-home-teaser-card{display:grid;grid-template-columns:170px minmax(0,1fr) auto;gap:34px;align-items:center;padding:34px;border-radius:24px;background:linear-gradient(135deg,#05233f,#075078);color:#fff;box-shadow:0 22px 55px rgba(5,35,63,.15)}.about-home-teaser-logo{display:flex;align-items:center;gap:14px;padding-right:25px;border-right:1px solid rgba(255,255,255,.15)}.about-home-teaser-logo span{font-size:1.05rem;font-weight:900}.about-home-teaser h2{margin:8px 0 7px;color:#fff;font-size:1.7rem}.about-home-teaser p{margin:0;color:rgba(255,255,255,.7);line-height:1.6}
@media(max-width:1050px){.about-hero-grid{grid-template-columns:1fr;gap:30px}.about-hero-visual{max-width:650px;width:100%;margin:auto}.about-values-grid{grid-template-columns:repeat(2,1fr)}.about-domains-grid{grid-template-columns:repeat(2,1fr)}.about-home-teaser-card{grid-template-columns:130px 1fr}.about-home-teaser-card>a{grid-column:2}}
@media(max-width:820px){.about-founder-grid,.about-method-layout,.about-infra-card,.about-local-grid{grid-template-columns:1fr;gap:36px}.about-method-copy{position:static}.about-infra-card{padding:32px}.about-audience-strip .container{justify-content:flex-start}}
@media(max-width:620px){.about-hero{padding:64px 0}.about-hero-copy h1{font-size:2.8rem}.about-hero-visual{min-height:400px;transform:scale(.85);margin:-30px auto}.about-values-grid,.about-domains-grid{grid-template-columns:1fr}.about-founder-card{min-height:auto;padding:28px}.about-home-teaser-card{grid-template-columns:1fr;padding:26px}.about-home-teaser-logo{border-right:0;border-bottom:1px solid rgba(255,255,255,.15);padding:0 0 20px}.about-home-teaser-card>a{grid-column:1}.about-infra-card{padding:25px}.about-hero-actions{align-items:stretch;flex-direction:column}.about-hero-actions .button{width:100%}}
/* ===== Fin CSS À propos restauré ===== */

/* ===== Contact général GRN-INFO 2.6.12 ===== */
.general-contact-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.general-contact-section{background:#f4f8fc}.general-contact-layout{display:grid;grid-template-columns:minmax(290px,.72fr) minmax(0,1.28fr);gap:28px;align-items:start}.general-contact-aside,.general-contact-form{border:1px solid #d7e2ed;border-radius:24px;background:#fff;box-shadow:0 18px 50px rgba(4,31,57,.07)}.general-contact-aside{padding:32px;position:sticky;top:120px}.general-contact-aside h2{margin:12px 0 14px;font-size:2rem;line-height:1.08}.general-contact-aside>p{color:#64778c;line-height:1.7}.general-contact-direct{display:grid;gap:10px;margin:24px 0}.general-contact-direct>a{display:grid;grid-template-columns:40px minmax(0,1fr) 18px;gap:11px;align-items:center;padding:12px;border:1px solid #dbe6ef;border-radius:14px;background:#f9fbfd}.general-contact-direct>a>span{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;background:#e5f8fc;color:#0588a4;font-weight:900}.general-contact-direct small,.general-contact-direct strong{display:block}.general-contact-direct small{color:#7a8b9d;font-size:.64rem;text-transform:uppercase}.general-contact-direct strong{margin-top:3px;color:#09243f;font-size:.78rem}.general-contact-direct b{color:#0b67ed}.general-contact-notes{display:grid;gap:13px;padding-top:20px;border-top:1px solid #e2e9f0}.general-contact-notes article{display:grid;grid-template-columns:9px 1fr;gap:11px}.general-contact-notes i{width:9px;height:9px;margin-top:5px;border-radius:50%;background:#10c7a0;box-shadow:0 0 0 5px #e4faf5}.general-contact-notes strong,.general-contact-notes span{display:block}.general-contact-notes strong{color:#0a233d;font-size:.78rem}.general-contact-notes span{margin-top:3px;color:#718196;font-size:.68rem;line-height:1.5}.general-contact-notes a{color:#0b63e9;font-weight:800}.general-contact-form{padding:34px}.general-contact-form-head{margin-bottom:25px}.general-contact-form-head>span{color:#0872ed;font-size:.65rem;font-weight:900;letter-spacing:.12em}.general-contact-form-head h2{margin:8px 0 5px;font-size:2rem}.general-contact-form-head p{margin:0;color:#758599}.general-contact-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.general-contact-fields label{color:#233b55;font-size:.73rem;font-weight:800}.general-contact-fields .full{grid-column:1/-1}.general-contact-fields input,.general-contact-fields select,.general-contact-fields textarea{display:block;width:100%;margin-top:7px;padding:13px 14px;border:1px solid #cbd9e6;border-radius:12px;background:#fbfdff;color:#102941;font:inherit}.general-contact-fields textarea{resize:vertical;min-height:180px}.general-contact-fields input:focus,.general-contact-fields select:focus,.general-contact-fields textarea:focus{outline:3px solid rgba(22,105,238,.13);border-color:#3b82f6}.general-contact-consent{display:flex;gap:11px;align-items:flex-start;margin:19px 0;color:#65758a;font-size:.69rem;line-height:1.55}.general-contact-consent input{margin-top:3px}.general-contact-submit{display:flex;align-items:center;gap:17px;flex-wrap:wrap;padding-top:18px;border-top:1px solid #e4ebf2}.general-contact-submit small{color:#7b899a;font-size:.65rem}.contact-honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important}.contact-general-callout{padding:22px 0;background:#edf5ff;border-bottom:1px solid #d8e5f3}.contact-general-callout>.container{display:flex;align-items:center;justify-content:space-between;gap:24px}.contact-general-callout span,.contact-general-callout strong,.contact-general-callout p{display:block}.contact-general-callout span{color:#0871ec;font-size:.62rem;font-weight:900;letter-spacing:.1em}.contact-general-callout strong{margin-top:5px;color:#08233e;font-size:1.05rem}.contact-general-callout p{margin:4px 0 0;color:#67798e;font-size:.75rem}.contact-general-callout .button{flex:0 0 auto}.contact-general-callout b{font-style:normal}@media(max-width:900px){.general-contact-layout{grid-template-columns:1fr}.general-contact-aside{position:static}.contact-general-callout>.container{align-items:flex-start;flex-direction:column}.contact-general-callout .button{width:100%}}@media(max-width:620px){.general-contact-form,.general-contact-aside{padding:23px;border-radius:19px}.general-contact-fields{grid-template-columns:1fr}.general-contact-fields .full{grid-column:auto}.general-contact-hero-actions{align-items:stretch;flex-direction:column}.general-contact-hero-actions .button{width:100%}.general-contact-submit{align-items:stretch;flex-direction:column}.general-contact-submit .button{width:100%}}
/* ===== Fin contact général ===== */

/* ===== Contact et header GRN-INFO 2.6.14 ===== */

/* Page Nous contacter plus compacte */
.general-contact-hero {
    min-height: auto;
    padding: 68px 0 50px;
}

.general-contact-hero h1 {
    max-width: 900px;
    margin: 18px 0 18px;
    font-size: clamp(2.8rem, 5vw, 4.8rem);
}

.general-contact-hero .container > p {
    max-width: 830px;
    margin-bottom: 0;
}

.general-contact-hero-actions {
    margin-top: 24px;
}

.general-contact-hero-actions .button {
    min-width: 205px;
}

.general-contact-section {
    scroll-margin-top: 125px;
    padding-top: 68px;
}

/* Menu Découvrir */
.nav-discover {
    position: relative;
    flex: 0 0 auto;
}

.nav-discover-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 46px;
    padding: 11px 12px;
    border: 0;
    border-radius: 13px;
    background: transparent;
    color: #203951;
    font-family: inherit;
    font-size: .84rem;
    font-weight: 780;
    line-height: 1;
    white-space: nowrap;
    cursor: pointer;
}

.nav-discover-toggle:hover,
.nav-discover.active .nav-discover-toggle,
.nav-discover.open .nav-discover-toggle {
    color: #0664ec;
    background: #edf4ff;
}

.nav-discover-toggle > span {
    font-size: .9rem;
    transition: transform .2s ease;
}

.nav-discover.open .nav-discover-toggle > span {
    transform: rotate(180deg);
}

.nav-discover-menu {
    position: absolute;
    top: calc(100% + 10px);
    right: 0;
    z-index: 180;
    display: grid;
    width: 300px;
    padding: 10px;
    border: 1px solid #d9e4ef;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 24px 65px rgba(5, 31, 57, .18);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(-8px);
    transition:
        opacity .18s ease,
        transform .18s ease,
        visibility .18s ease;
}

.nav-discover-menu::before {
    content: "";
    position: absolute;
    top: -12px;
    left: 0;
    right: 0;
    height: 12px;
}

.nav-discover.open .nav-discover-menu {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: none;
}

.nav-discover-menu a {
    display: block;
    padding: 13px 14px;
    border-radius: 12px;
}

.nav-discover-menu a:hover,
.nav-discover-menu a.active {
    background: #f0f6ff;
}

.nav-discover-menu strong,
.nav-discover-menu small {
    display: block;
}

.nav-discover-menu strong {
    color: #09243f;
    font-size: .82rem;
}

.nav-discover-menu small {
    margin-top: 4px;
    color: #72849a;
    font-size: .65rem;
    line-height: 1.4;
}

/* Deux boutons distincts à droite */
.site-header .nav-contact-cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 50px;
    margin-left: 6px;
    padding: 12px 16px;
    border: 1px solid #c9d8e6;
    border-radius: 14px;
    background: #fff;
    color: #12324f;
    font-size: .8rem;
    font-weight: 850;
    white-space: nowrap;
}

.site-header .nav-contact-cta:hover,
.site-header .nav-contact-cta.active {
    border-color: #0870ed;
    color: #0870ed;
    background: #f2f7ff;
}

.site-header .nav > .nav-cta {
    margin-left: 7px;
}

/* Écrans intermédiaires */
@media (min-width: 1081px) and (max-width: 1260px) {
    .site-header .nav-wrap {
        gap: 13px;
    }

    .site-header .brand {
        min-width: 220px;
    }

    .site-header .brand-copy small {
        display: none;
    }

    .site-header .nav > a,
    .nav-discover-toggle {
        padding-inline: 8px;
        font-size: .76rem;
    }

    .site-header .nav-contact-cta {
        padding-inline: 12px;
        font-size: .75rem;
    }

    .site-header .nav > .nav-cta {
        padding-inline: 14px;
        font-size: .76rem;
    }
}

/* Menu mobile */
@media (max-width: 1080px) {
    .nav-discover {
        width: 100%;
    }

    .nav-discover-toggle {
        justify-content: space-between;
        width: 100%;
        min-height: 48px;
        padding: 14px;
        font-size: .9rem;
    }

    .nav-discover-menu {
        position: static;
        display: none;
        width: 100%;
        margin-top: 4px;
        padding: 5px 8px 8px 18px;
        border: 0;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        transform: none;
    }

    .nav-discover.open .nav-discover-menu {
        display: grid;
    }

    .nav-discover-menu a {
        border-left: 2px solid #d7e4f0;
        border-radius: 0 10px 10px 0;
    }

    .site-header .nav-contact-cta,
    .site-header .nav > .nav-cta {
        width: 100%;
        margin: 6px 0 0;
    }

    .site-header .nav-contact-cta {
        min-height: 48px;
    }
}

@media (max-width: 620px) {
    .general-contact-hero {
        padding: 52px 0 40px;
    }

    .general-contact-hero h1 {
        font-size: clamp(2.45rem, 12vw, 3.7rem);
    }

    .general-contact-hero-actions .button {
        min-width: 0;
    }

    .general-contact-section {
        padding-top: 45px;
    }
}

/* ===== Fin contact et header GRN-INFO 2.6.14 ===== */

/* ===== Contact compact et Découvrir hover 2.6.15 ===== */

/* Hero de la page Demander un devis */
.contact-hero {
    min-height: auto !important;
    padding: 58px 0 44px !important;
}

.contact-hero h1 {
    margin-top: 18px;
    margin-bottom: 18px;
}

.contact-hero .container > p {
    max-width: 820px;
    margin-bottom: 0;
}

/* Petit bloc vers le formulaire de contact général */
.contact-general-callout {
    padding: 18px 0;
}

.contact-general-callout > .container {
    min-height: 76px;
}

.contact-general-callout strong {
    font-size: 1rem;
}

/* Réduction de l’espace avant le formulaire de devis */
.contact-section-v2.section {
    padding-top: 62px;
    padding-bottom: 88px;
}

/* Ouverture du menu Découvrir au survol sur ordinateur */
@media (min-width: 1081px) {
    .nav-discover:hover .nav-discover-menu,
    .nav-discover:focus-within .nav-discover-menu {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        transform: translateY(0);
    }

    .nav-discover:hover .nav-discover-toggle,
    .nav-discover:focus-within .nav-discover-toggle {
        color: #0664ec;
        background: #edf4ff;
    }

    .nav-discover:hover .nav-discover-toggle > span,
    .nav-discover:focus-within .nav-discover-toggle > span {
        transform: rotate(180deg);
    }

    /*
     * Zone invisible entre le bouton et le menu :
     * elle évite que le menu se ferme pendant le déplacement
     * de la souris.
     */
    .nav-discover-menu::before {
        content: "";
        position: absolute;
        top: -14px;
        right: 0;
        left: 0;
        height: 14px;
    }
}

@media (max-width: 680px) {
    .contact-hero {
        padding: 48px 0 36px !important;
    }

    .contact-section-v2.section {
        padding-top: 44px;
        padding-bottom: 65px;
    }

    .contact-general-callout {
        padding: 18px 0;
    }
}

/* ===== Fin contact compact et Découvrir hover ===== */

/* ===== Page services compacte GRN-INFO 2.6.16 ===== */

/* Réduction du grand hero du catalogue */
.services-catalog-hero-grid {
    min-height: 500px;
    padding-top: 48px;
    padding-bottom: 48px;
    gap: 58px;
}

/* Illustration plus compacte */
.catalog-orbit {
    height: 360px;
    max-width: 430px;
    width: 100%;
    margin-left: auto;
}

.catalog-orbit::before {
    inset: 40px;
}

.catalog-orbit::after {
    inset: 92px;
}

.catalog-core {
    width: 135px;
    height: 135px;
}

.catalog-core span {
    font-size: 2.7rem;
}

/* La première catégorie remonte davantage */
.service-catalog-section.section {
    padding-top: 68px;
    padding-bottom: 90px;
}

.service-catalog-group {
    margin-bottom: 70px;
}

/* Écrans intermédiaires */
@media (max-width: 1120px) {
    .services-catalog-hero-grid {
        min-height: auto;
        padding: 55px 0;
        gap: 30px;
    }

    .catalog-orbit {
        width: min(430px, 100%);
        margin: 0 auto;
    }
}

/* Téléphones */
@media (max-width: 680px) {
    .services-catalog-hero-grid {
        padding: 44px 0;
    }

    .catalog-orbit {
        height: 300px;
    }

    .service-catalog-section.section {
        padding-top: 52px;
        padding-bottom: 65px;
    }

    .service-catalog-group {
        margin-bottom: 55px;
    }
}

/* ===== Fin page services compacte ===== */

/* ===== Consentement GA4 GRN-INFO 2.7.0 ===== */
.cookie-banner[hidden],
.cookie-modal[hidden] {
    display: none !important;
}

.cookie-banner {
    position: fixed;
    z-index: 3000;
    right: 22px;
    bottom: 22px;
    left: 22px;
    max-width: 1180px;
    margin: 0 auto;
    padding: 22px;
    border: 1px solid rgba(8, 45, 78, .16);
    border-radius: 22px;
    background: #fff;
    box-shadow: 0 24px 80px rgba(3, 28, 53, .25);
}

.cookie-banner__content {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 26px;
}

.cookie-banner__eyebrow {
    display: block;
    margin-bottom: 7px;
    color: #0870ed;
    font-size: .61rem;
    font-weight: 900;
    letter-spacing: .13em;
}

.cookie-banner h2,
.cookie-modal h2 {
    margin: 0 0 8px;
    color: #06233f;
    font-size: 1.25rem;
}

.cookie-banner p,
.cookie-modal p {
    max-width: 760px;
    margin: 0;
    color: #526b83;
    font-size: .84rem;
    line-height: 1.6;
}

.cookie-banner a {
    display: inline-block;
    margin-top: 8px;
    color: #0867ed;
    font-size: .75rem;
    font-weight: 800;
}

.cookie-banner__actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(135px, 1fr));
    gap: 9px;
    min-width: 310px;
}

.cookie-button {
    min-height: 45px;
    padding: 10px 15px;
    border-radius: 12px;
    font-family: inherit;
    font-size: .78rem;
    font-weight: 850;
    cursor: pointer;
}

.cookie-button--equal {
    border: 1px solid #0a5fcb;
    background: #fff;
    color: #064b9f;
}

.cookie-button--equal:hover {
    background: #eef5ff;
}

.cookie-button--settings {
    grid-column: 1 / -1;
    border: 0;
    background: transparent;
    color: #183a5a;
    text-decoration: underline;
    text-underline-offset: 4px;
}

.cookie-modal {
    position: fixed;
    z-index: 3100;
    inset: 0;
    display: grid;
    place-items: center;
    padding: 20px;
}

.cookie-modal__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(3, 20, 38, .68);
    backdrop-filter: blur(4px);
}

.cookie-modal__dialog {
    position: relative;
    z-index: 1;
    width: min(610px, 100%);
    max-height: calc(100vh - 40px);
    overflow: auto;
    padding: 28px;
    border-radius: 22px;
    background: #fff;
    box-shadow: 0 30px 100px rgba(0, 0, 0, .35);
}

.cookie-modal__close {
    position: absolute;
    top: 16px;
    right: 16px;
    width: 36px;
    height: 36px;
    border: 0;
    border-radius: 50%;
    background: #eef4fa;
    color: #06233f;
    font-size: 1.35rem;
    cursor: pointer;
}

.cookie-choice-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 22px;
    margin-top: 18px;
    padding: 17px;
    border: 1px solid #d9e4ee;
    border-radius: 15px;
    background: #f8fbfd;
}

.cookie-choice-row strong,
.cookie-choice-row small {
    display: block;
}

.cookie-choice-row strong {
    color: #092a47;
    font-size: .88rem;
}

.cookie-choice-row small {
    margin-top: 4px;
    color: #6b8094;
    font-size: .69rem;
    line-height: 1.5;
}

.cookie-always-on {
    flex: 0 0 auto;
    color: #07805b;
    font-size: .67rem;
    font-weight: 900;
}

.cookie-choice-row--switch {
    position: relative;
    cursor: pointer;
}

.cookie-choice-row--switch input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.cookie-switch {
    position: relative;
    flex: 0 0 48px;
    width: 48px;
    height: 27px;
    border-radius: 99px;
    background: #b8c7d5;
    transition: .2s ease;
}

.cookie-switch::after {
    content: "";
    position: absolute;
    top: 3px;
    left: 3px;
    width: 21px;
    height: 21px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .22);
    transition: .2s ease;
}

.cookie-choice-row--switch input:checked + .cookie-switch {
    background: #0870ed;
}

.cookie-choice-row--switch input:checked + .cookie-switch::after {
    transform: translateX(21px);
}

.cookie-modal__actions {
    display: flex;
    justify-content: flex-end;
    margin-top: 20px;
}

.cookie-modal-open {
    overflow: hidden;
}

.cookie-settings-link,
.privacy-cookie-button {
    padding: 0;
    border: 0;
    background: transparent;
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    font-weight: 750;
    text-decoration: underline;
    text-underline-offset: 4px;
    cursor: pointer;
}

.cookie-settings-link:hover,
.privacy-cookie-button:hover {
    color: #68d9f3;
}

.privacy-cookie-button {
    color: #0867ed;
}

@media (max-width: 780px) {
    .cookie-banner {
        right: 12px;
        bottom: 12px;
        left: 12px;
        padding: 19px;
    }

    .cookie-banner__content {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .cookie-banner__actions {
        width: 100%;
        min-width: 0;
    }
}

@media (max-width: 480px) {
    .cookie-banner__actions {
        grid-template-columns: 1fr;
    }

    .cookie-button--settings {
        grid-column: auto;
    }

    .cookie-modal__dialog {
        padding: 24px 19px;
    }

    .cookie-choice-row {
        gap: 13px;
    }
}
/* ===== Fin consentement GA4 ===== */

/* ===== Correction clics hero 2.7.2 ===== */

/*
 * Les grilles sont uniquement décoratives :
 * elles ne doivent jamais intercepter les clics.
 */
.page-grid,
.hero-grid,
.cta-grid,
.general-contact-hero::before,
.general-contact-hero::after {
    pointer-events: none !important;
}

.general-contact-hero .container {
    position: relative;
    z-index: 2;
}

.general-contact-hero-actions {
    position: relative;
    z-index: 3;
}

.general-contact-hero-actions a {
    position: relative;
    pointer-events: auto !important;
    cursor: pointer;
}

/* ===== Fin correction clics hero ===== */

/* ===== Packs site GRN-INFO 2.7.3 ===== */
.site-packs-section{scroll-margin-top:105px;padding:82px 0;background:linear-gradient(180deg,#f3f8fd 0%,#fff 100%);border-bottom:1px solid var(--line)}
.site-packs-heading{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.55fr);align-items:end;gap:70px;margin-bottom:38px}
.site-packs-heading h2{max-width:820px;margin:13px 0 0;font-size:clamp(2.35rem,4vw,3.8rem);line-height:1.05;letter-spacing:-.055em}
.site-packs-heading>p{margin:0;color:var(--muted);line-height:1.75}
.site-packs-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;align-items:stretch}
.site-pack-card{position:relative;display:flex;flex-direction:column;min-width:0;padding:25px;border:1px solid #d7e2ed;border-radius:22px;background:#fff;box-shadow:0 16px 45px rgba(7,26,51,.055);overflow:hidden}
.site-pack-card:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:#9db1c5}
.site-pack-card.recommended{border-color:#86acf9;box-shadow:0 22px 58px rgba(25,92,242,.14)}
.site-pack-card.recommended:before{background:var(--blue)}
.site-pack-card.ecommerce:before{background:#6d50c6}
.site-pack-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:25px;margin-bottom:17px}
.site-pack-card-top>span{color:#5f748b;font-size:.56rem;font-weight:950;letter-spacing:.11em}
.site-pack-card-top>b{padding:6px 8px;border-radius:999px;background:#eaf1ff;color:var(--blue);font-size:.5rem;letter-spacing:.07em}
.site-pack-card h3{margin:0 0 10px;font-size:1.35rem;line-height:1.18}
.site-pack-card>p{min-height:90px;margin:0;color:var(--muted);font-size:.79rem;line-height:1.58}
.site-pack-price{margin:22px 0 20px;padding:18px 0;border-top:1px solid #e2e9f0;border-bottom:1px solid #e2e9f0}
.site-pack-price small,.site-pack-price strong,.site-pack-price span{display:block}
.site-pack-price small{margin-bottom:5px;color:#7c8b9d;font-size:.57rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.site-pack-price strong{color:var(--ink);font-size:1.58rem;line-height:1.15}
.site-pack-price span{margin-top:5px;color:var(--blue);font-size:.86rem;font-weight:900}
.site-pack-card ul{display:grid;gap:10px;margin:0 0 24px;padding:0;list-style:none}
.site-pack-card li{display:grid;grid-template-columns:19px 1fr;gap:8px;align-items:start;color:#41566d;font-size:.73rem;line-height:1.4}
.site-pack-card li span{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#e9f7f2;color:#0a8a60;font-size:.63rem;font-weight:950}
.site-pack-action{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;margin-top:auto;padding:13px 15px;border:1px solid #cbd9e6;border-radius:13px;color:var(--blue);font-size:.72rem;font-weight:900;transition:.18s}
.site-pack-action:hover{border-color:var(--blue);background:var(--blue);color:#fff}
.site-pack-card.recommended .site-pack-action{border-color:var(--blue);background:var(--blue);color:#fff}
.site-pack-card.recommended .site-pack-action:hover{background:#084ccc}
.site-packs-note{display:grid;grid-template-columns:190px 1fr;gap:24px;margin-top:24px;padding:20px 22px;border:1px solid #dbe5ee;border-radius:16px;background:#fff}
.site-packs-note strong{font-size:.75rem}.site-packs-note p{margin:0;color:var(--muted);font-size:.72rem;line-height:1.6}
@media(max-width:1120px){.site-packs-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.site-pack-card>p{min-height:65px}}
@media(max-width:900px){.site-packs-heading{grid-template-columns:1fr;gap:18px}.site-packs-section{padding:66px 0}}
@media(max-width:680px){.site-packs-section{padding:48px 0}.site-packs-grid{grid-template-columns:1fr}.site-pack-card{padding:22px}.site-pack-card>p{min-height:0}.site-packs-note{grid-template-columns:1fr;gap:8px}}
/* ===== Fin packs site GRN-INFO 2.7.3 ===== */