/*
Theme Name: Agence Studio
Theme URI: http://localhost/agence
Author: PC Clinic59
Description: Thème sur mesure pour une agence web et communication locale.
Version: 1.0.0
Text Domain: agence-studio
*/

:root{--ink:#17211b;--muted:#667069;--paper:#f5f1e8;--white:#fff;--lime:#d9ff57;--coral:#ff6b55;--line:rgba(23,33,27,.14);--shadow:0 22px 70px rgba(23,33,27,.12);--radius:24px;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,Arial,sans-serif;font-size:17px;line-height:1.65}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}.wrap{width:min(calc(100% - 40px),var(--max));margin-inline:auto}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:16px;top:16px;z-index:999;background:#fff;padding:10px 14px}.site-header{position:sticky;top:0;z-index:50;background:rgba(245,241,232,.9);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.nav-row{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:11px;font-weight:900;letter-spacing:-.04em;font-size:22px}.brand-mark{width:38px;height:38px;border-radius:12px;background:var(--ink);color:var(--lime);display:grid;place-items:center;font-size:17px;transform:rotate(-5deg)}.brand small{display:block;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);line-height:1}.main-nav{display:flex;align-items:center;gap:26px}.main-nav ul{display:flex;align-items:center;gap:24px;list-style:none;margin:0;padding:0}.main-nav a{font-weight:750;font-size:14px}.nav-cta,.button{display:inline-flex;justify-content:center;align-items:center;gap:9px;border:1px solid var(--ink);border-radius:999px;background:var(--ink);color:#fff;padding:13px 21px;font-weight:850;transition:.2s}.button:hover,.nav-cta:hover{transform:translateY(-2px);box-shadow:0 8px 0 var(--lime);color:#fff}.button.alt{background:transparent;color:var(--ink)}.button.alt:hover{background:#fff}.menu-toggle{display:none;border:0;background:var(--ink);color:#fff;border-radius:12px;padding:10px 12px;font-weight:800}
.hero{padding:82px 0 58px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:64px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:9px;text-transform:uppercase;letter-spacing:.13em;font-weight:900;font-size:12px;margin-bottom:20px}.eyebrow:before{content:'';width:28px;height:3px;background:var(--coral)}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;line-height:1.04;letter-spacing:-.045em;margin:0 0 22px}h1{font-size:clamp(50px,7vw,94px);max-width:850px}h2{font-size:clamp(38px,5vw,64px)}h3{font-size:28px}.marker{position:relative;white-space:nowrap;z-index:0}.marker:after{content:'';position:absolute;left:-2%;right:-2%;bottom:8%;height:23%;background:var(--lime);z-index:-1;transform:rotate(-1deg)}.lead{font-size:clamp(19px,2vw,24px);color:var(--muted);max-width:710px;margin:0 0 30px}.actions{display:flex;gap:13px;flex-wrap:wrap}.trust{margin-top:33px;display:flex;flex-wrap:wrap;gap:20px;color:var(--muted);font-size:14px;font-weight:700}.trust span:before{content:'✓';color:var(--ink);background:var(--lime);border-radius:50%;padding:1px 5px;margin-right:7px}.hero-art{position:relative;min-height:500px}.browser-card{position:absolute;inset:25px 0 20px 15px;background:#fff;border:1px solid var(--line);border-radius:26px;padding:14px;transform:rotate(3deg);box-shadow:var(--shadow)}.browser-top{height:36px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:6px;padding:0 8px}.browser-top i{width:8px;height:8px;border-radius:50%;background:var(--coral)}.browser-top i:nth-child(2){background:#ffc95b}.browser-top i:nth-child(3){background:var(--lime)}.mock-page{height:410px;border-radius:15px;background:var(--ink);padding:36px;color:#fff;overflow:hidden}.mock-page b{display:block;color:var(--lime);font-size:12px;letter-spacing:.1em;text-transform:uppercase}.mock-page strong{display:block;font:700 44px/1.03 Georgia;margin:20px 0}.mock-btn{display:inline-block;background:var(--coral);padding:10px 15px;border-radius:999px;font-size:12px;font-weight:900}.mock-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:44px}.mock-grid i{height:92px;border-radius:12px;background:#2c3c32}.mock-grid i:nth-child(2){background:var(--lime)}.sticker{position:absolute;right:-16px;top:0;width:125px;height:125px;border-radius:50%;display:grid;place-items:center;text-align:center;background:var(--coral);color:#fff;font-weight:900;line-height:1.1;transform:rotate(10deg);box-shadow:0 14px 30px rgba(255,107,85,.25)}
.ticker{background:var(--ink);color:#fff;overflow:hidden;padding:15px 0;white-space:nowrap}.ticker-track{display:inline-block;font-weight:900;letter-spacing:.04em;animation:ticker 25s linear infinite}.ticker b{color:var(--lime);margin:0 17px}@keyframes ticker{to{transform:translateX(-50%)}}
.section{padding:100px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:42px}.section-head p{max-width:500px;color:var(--muted)}.services{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.service-card{padding:35px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);position:relative;overflow:hidden;transition:.25s}.service-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.service-card:nth-child(2){background:var(--lime)}.service-card:nth-child(3){background:var(--ink);color:#fff}.service-card:nth-child(3) p{color:#c5cec8}.service-number{font:700 13px Inter;letter-spacing:.15em;margin-bottom:60px;display:block}.service-card p{color:var(--muted);margin:0;max-width:470px}.service-link{display:inline-block;margin-top:24px;font-weight:900;border-bottom:2px solid currentColor}.projects{background:#e9e4d9}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.project{background:#fff;border-radius:var(--radius);overflow:hidden;border:1px solid var(--line)}.project-visual{height:270px;padding:24px;display:flex;align-items:center;justify-content:center;background:#d7e8df}.project:nth-child(2) .project-visual{background:#f9cfc5}.project:nth-child(3) .project-visual{background:#d9ff57}.mini-site{width:100%;height:100%;background:#fff;border-radius:12px;box-shadow:0 15px 30px rgba(23,33,27,.15);padding:12px;transform:rotate(-2deg)}.project:nth-child(2) .mini-site{transform:rotate(2deg)}.mini-nav{height:12px;width:55%;background:var(--ink);border-radius:9px}.mini-hero{height:90px;margin-top:13px;border-radius:8px;background:var(--ink)}.mini-lines{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.mini-lines i{height:55px;background:#eee;border-radius:7px}.project-body{padding:25px}.tag{font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:900;color:var(--muted)}.project-body h3{font-size:26px;margin:10px 0}.project-body p{margin:0;color:var(--muted);font-size:15px}
.process-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.steps{border-top:1px solid var(--line)}.step{display:grid;grid-template-columns:55px 1fr;gap:15px;padding:26px 0;border-bottom:1px solid var(--line)}.step b{font-size:13px;background:var(--coral);color:#fff;border-radius:50%;width:34px;height:34px;display:grid;place-items:center}.step h3{font-family:Inter;font-size:20px;letter-spacing:-.02em;margin:0 0 5px}.step p{margin:0;color:var(--muted)}.cta-band{padding:80px 0;background:var(--lime)}.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:40px}.cta-inner h2{max-width:720px;margin:0}.site-footer{background:var(--ink);color:#fff;padding:65px 0 24px}.footer-grid{display:grid;grid-template-columns:1.3fr repeat(2,.7fr);gap:50px}.footer-grid p,.footer-grid a{color:#bac4bd}.footer-grid ul{list-style:none;padding:0;margin:12px 0}.footer-grid li{margin:7px 0}.footer-title{font-weight:900;color:#fff}.copyright{border-top:1px solid rgba(255,255,255,.12);margin-top:45px;padding-top:20px;color:#87928b;font-size:13px}
.page-hero{padding:85px 0 55px}.page-hero h1{font-size:clamp(48px,7vw,82px)}.content-card{background:#fff;border-radius:var(--radius);padding:clamp(25px,5vw,60px);margin-bottom:70px}.content-card h2{font-size:42px}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:30px}.contact-panel{padding:34px;border-radius:var(--radius);background:var(--ink);color:#fff}.contact-panel p{color:#c5cec8}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-grid .wide{grid-column:1/-1}label{display:block;font-size:13px;font-weight:900;margin-bottom:6px}input,textarea,select{width:100%;border:1px solid var(--line);border-radius:12px;background:#fff;padding:14px;font:inherit}textarea{min-height:150px}.notice{padding:14px 18px;border-radius:12px;background:#e6f7d7;margin-bottom:20px;font-weight:700}
@media(max-width:900px){.main-nav{display:none;position:fixed;inset:82px 0 0;background:var(--paper);padding:35px}.main-nav.open{display:block}.main-nav ul{align-items:flex-start;flex-direction:column;font-size:20px}.nav-cta{margin-top:25px}.menu-toggle{display:block}.hero-grid,.process-grid,.contact-grid{grid-template-columns:1fr}.hero-art{min-height:430px;max-width:560px}.section-head,.cta-inner{align-items:flex-start;flex-direction:column}.project-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}}@media(max-width:600px){.wrap{width:min(calc(100% - 28px),var(--max))}.hero{padding-top:52px}.hero-grid{gap:25px}.hero-art{min-height:360px}.browser-card{inset:15px 8px 5px 0}.mock-page{height:300px;padding:24px}.mock-page strong{font-size:34px}.sticker{width:95px;height:95px;font-size:13px;right:-4px}.services,.project-grid,.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.section{padding:72px 0}.service-number{margin-bottom:32px}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}}

/* Direction 02 — Digital studio */
:root{--ink:#0b1220;--muted:#657087;--paper:#f6f8fc;--white:#fff;--lime:#38e8c6;--coral:#4f6df5;--line:rgba(11,18,32,.1);--shadow:0 24px 70px rgba(28,48,94,.13);--radius:20px}
body{background:var(--paper);font-family:Inter,'Segoe UI',Arial,sans-serif;color:var(--ink)}
h1,h2,h3{font-family:Inter,'Segoe UI',Arial,sans-serif;font-weight:850;letter-spacing:-.055em}
.site-header{background:rgba(255,255,255,.84);border-color:rgba(11,18,32,.08)}
.brand{letter-spacing:-.035em}.brand-mark{background:linear-gradient(135deg,#4f6df5,#705cf6);color:#fff;transform:none;border-radius:10px;box-shadow:0 8px 20px rgba(79,109,245,.28)}
.nav-cta,.button{border:0;background:linear-gradient(135deg,#4f6df5,#6758e8);box-shadow:0 10px 26px rgba(79,109,245,.22)}
.button:hover,.nav-cta:hover{box-shadow:0 14px 30px rgba(79,109,245,.32);transform:translateY(-2px)}
.button.alt{background:#fff;color:var(--ink);border:1px solid rgba(255,255,255,.3);box-shadow:none}
.hero{position:relative;background:#0b1220;color:#fff;padding:105px 0 88px}
.hero:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 75% 35%,rgba(79,109,245,.27),transparent 32%),radial-gradient(circle at 12% 88%,rgba(56,232,198,.1),transparent 27%),linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:auto,auto,42px 42px,42px 42px;pointer-events:none}
.hero .wrap{position:relative}.hero .eyebrow{color:#8fa5ff}.hero .eyebrow:before{background:var(--lime)}.hero .lead{color:#aab4c8}.hero .button.alt{background:rgba(255,255,255,.06);color:#fff;border-color:rgba(255,255,255,.18);backdrop-filter:blur(8px)}.hero .button.alt:hover{background:rgba(255,255,255,.11)}.hero .trust{color:#98a5bb}.hero .trust span:before{color:#071019;background:var(--lime)}
.marker{background:linear-gradient(100deg,#8fa5ff,#38e8c6);-webkit-background-clip:text;background-clip:text;color:transparent}.marker:after{display:none}
.browser-card{background:rgba(255,255,255,.96);border:1px solid rgba(255,255,255,.25);transform:perspective(900px) rotateY(-5deg) rotateZ(1.5deg);box-shadow:0 35px 90px rgba(0,0,0,.4)}
.mock-page{background:linear-gradient(145deg,#101b31,#11182a);position:relative}.mock-page:after{content:'';position:absolute;width:220px;height:220px;border-radius:50%;right:-70px;top:-70px;background:rgba(79,109,245,.24);filter:blur(4px)}.mock-page b{color:var(--lime)}.mock-page strong{font-family:Inter,'Segoe UI',sans-serif;font-weight:850;letter-spacing:-.055em}.mock-btn{background:#4f6df5}.mock-grid i{background:#1d2b45}.mock-grid i:nth-child(2){background:linear-gradient(135deg,#4f6df5,#38e8c6)}
.sticker{background:var(--lime);color:#071019;box-shadow:0 14px 35px rgba(56,232,198,.25);transform:rotate(7deg)}
.ticker{background:#4f6df5}.ticker b{color:#a9ffed}
.eyebrow{color:#4f6df5}.eyebrow:before{background:#38e8c6}
.service-card{border:1px solid rgba(11,18,32,.08);box-shadow:0 1px 2px rgba(11,18,32,.02)}.service-card:hover{box-shadow:0 22px 50px rgba(28,48,94,.11)}.service-card:nth-child(2){background:linear-gradient(145deg,#e7ecff,#f5f7ff)}.service-card:nth-child(3){background:linear-gradient(145deg,#111c31,#0b1220)}.service-card:nth-child(4){background:linear-gradient(145deg,#e6fbf7,#f6fffd)}
.service-number{color:#4f6df5}.service-card:nth-child(3) .service-number{color:#62e9cf}
.projects{background:#eef2f8}.project{box-shadow:0 10px 35px rgba(28,48,94,.07);border:1px solid rgba(11,18,32,.07)}.project-visual{background:linear-gradient(145deg,#dce7ff,#f0f4ff)}.project:nth-child(2) .project-visual{background:linear-gradient(145deg,#e9e5ff,#f5f3ff)}.project:nth-child(3) .project-visual{background:linear-gradient(145deg,#d9f7f1,#effcf9)}.mini-nav{background:#4f6df5}.mini-hero{background:linear-gradient(135deg,#111b2f,#293b68)}
.step b{background:#4f6df5;box-shadow:0 7px 16px rgba(79,109,245,.22)}
.cta-band{background:linear-gradient(115deg,#4f6df5,#6758e8);color:#fff;position:relative;overflow:hidden}.cta-band:after{content:'';position:absolute;width:360px;height:360px;border:70px solid rgba(255,255,255,.08);border-radius:50%;right:-90px;top:-160px}.cta-inner{position:relative;z-index:1}.cta-band .button{background:#fff;color:#17203a;box-shadow:0 12px 30px rgba(19,25,54,.2)}
.site-footer{background:#080e19}.content-card{box-shadow:0 15px 50px rgba(28,48,94,.07);border:1px solid rgba(11,18,32,.06)}.contact-panel{background:linear-gradient(145deg,#101b31,#0b1220)}
@media(max-width:900px){.main-nav{background:#fff}.hero{padding-top:75px}}

/* Navigation premium */
.site-header{padding:12px 0;border:0;background:rgba(246,248,252,.72);transition:padding .25s,box-shadow .25s,background .25s}.site-header.scrolled{padding:7px 0;background:rgba(255,255,255,.9);box-shadow:0 10px 35px rgba(28,48,94,.08)}
.nav-shell{min-height:66px;padding:8px 9px 8px 16px;display:flex;align-items:center;justify-content:space-between;gap:22px;background:rgba(255,255,255,.88);border:1px solid rgba(11,18,32,.08);border-radius:19px;box-shadow:0 8px 30px rgba(28,48,94,.06);backdrop-filter:blur(18px)}
.nav-shell .brand{flex:none}.nav-shell .brand-mark{width:36px;height:36px}.nav-shell .brand small{margin-top:3px}
.main-nav{display:flex;align-items:center;gap:18px}.nav-list{display:flex;align-items:center;gap:3px;list-style:none;margin:0;padding:0}.nav-list>li{position:relative}.nav-list>li>a,.submenu-toggle{position:relative;display:flex;align-items:center;gap:5px;border:0;background:transparent;color:#4d586c;padding:11px 13px;border-radius:10px;font:750 14px/1 Inter,'Segoe UI',sans-serif;cursor:pointer;transition:.2s}.nav-list>li>a:hover,.submenu-toggle:hover,.nav-list .active{color:var(--ink);background:#f0f3f9}.nav-list .active:after{content:'';position:absolute;left:13px;right:13px;bottom:5px;height:2px;border-radius:5px;background:#4f6df5}.submenu-toggle span{font-size:15px;transition:transform .2s}.has-submenu:hover .submenu-toggle span,.has-submenu:focus-within .submenu-toggle span{transform:rotate(180deg)}
.submenu{position:absolute;z-index:20;left:50%;top:calc(100% + 15px);width:350px;padding:13px;background:rgba(255,255,255,.98);border:1px solid rgba(11,18,32,.09);border-radius:17px;box-shadow:0 24px 60px rgba(28,48,94,.16);opacity:0;visibility:hidden;transform:translate(-50%,-8px);transition:.2s}.submenu:before{content:'';position:absolute;left:0;right:0;top:-16px;height:17px}.has-submenu:hover .submenu,.has-submenu:focus-within .submenu{opacity:1;visibility:visible;transform:translate(-50%,0)}.submenu-kicker{display:block;padding:7px 10px;color:#8691a5;font-size:10px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.submenu a{display:block;padding:11px 12px;border-radius:11px;transition:.18s}.submenu a:hover{background:#f1f4fb;transform:translateX(2px)}.submenu b,.submenu small{display:block}.submenu b{font-size:14px}.submenu small{margin-top:2px;color:#7a8599;font-size:12px}
.nav-cta{padding:12px 17px;gap:13px;white-space:nowrap}.nav-cta b{width:25px;height:25px;display:grid;place-items:center;background:rgba(255,255,255,.16);border-radius:8px;font-size:13px}.menu-toggle{align-items:center;gap:8px;padding:9px 12px;background:#111a2c}.menu-icon{width:20px;height:16px;position:relative}.menu-icon i{position:absolute;left:1px;width:18px;height:2px;border-radius:4px;background:#fff;transition:.25s}.menu-icon i:first-child{top:4px}.menu-icon i:last-child{bottom:4px}.menu-toggle[aria-expanded=true] .menu-icon i:first-child{top:7px;transform:rotate(45deg)}.menu-toggle[aria-expanded=true] .menu-icon i:last-child{bottom:7px;transform:rotate(-45deg)}
@media(max-width:960px){.site-header{padding:8px 0}.nav-shell{min-height:62px;border-radius:16px}.menu-toggle{display:flex}.main-nav{display:none;position:fixed;z-index:60;inset:90px 14px auto;padding:13px;max-height:calc(100vh - 105px);overflow:auto;align-items:stretch;flex-direction:column;background:rgba(255,255,255,.98);border:1px solid rgba(11,18,32,.1);border-radius:19px;box-shadow:0 30px 80px rgba(11,18,32,.2);animation:navIn .22s ease}.main-nav.open{display:flex}.main-nav .nav-list{align-items:stretch;flex-direction:column;gap:3px}.nav-list>li>a,.submenu-toggle{width:100%;justify-content:space-between;padding:15px;font-size:16px}.nav-list .active:after{left:15px;right:auto;width:24px;bottom:8px}.submenu{position:static;width:auto;margin:0 5px 7px;padding:6px;background:#f3f6fb;border:0;box-shadow:none;opacity:1;visibility:visible;transform:none;display:none}.submenu-toggle[aria-expanded=true]+.submenu{display:block}.has-submenu:hover .submenu{transform:none}.nav-cta{margin:3px 0 0;padding:14px 16px}.nav-cta span{flex:1;text-align:center}@keyframes navIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}}
@media(max-width:520px){.nav-shell{padding-left:11px}.nav-shell .brand small{display:none}.nav-shell .brand{font-size:18px}.menu-label{display:none}.main-nav{inset:83px 8px auto}}

/* Accueil Bento & portfolio immersif */
.bento-section{background:#f6f8fc}.bento-grid{display:grid;grid-template-columns:1.15fr .85fr .85fr;grid-template-rows:auto auto;gap:18px}.bento-card{position:relative;min-height:310px;padding:32px;border:1px solid rgba(11,18,32,.08);border-radius:24px;background:#fff;overflow:hidden;box-shadow:0 12px 35px rgba(28,48,94,.06)}.bento-card h3{font-size:clamp(28px,3vw,43px);margin:12px 0}.bento-card p{margin:0;color:var(--muted)}.bento-web{grid-column:span 2;display:grid;grid-template-columns:1.1fr .9fr;gap:30px;min-height:430px;background:linear-gradient(145deg,#111b31,#0b1220);color:#fff}.bento-web p{color:#aab5c9}.bento-web .service-number{color:#69ead1}.bento-ui{align-self:end;height:315px;padding:25px;border-radius:17px 17px 0 0;background:#f8faff;color:#111a2b;box-shadow:0 25px 60px rgba(0,0,0,.32);transform:translateY(34px) rotate(1.5deg)}.bento-ui>span{display:block;width:60px;height:7px;border-radius:8px;background:#4f6df5}.bento-ui strong{display:block;margin:32px 0 28px;font-size:31px;line-height:1.05;letter-spacing:-.05em}.bento-ui i{display:inline-block;width:29%;height:75px;margin-right:3%;border-radius:9px;background:#e3e8f3}.bento-ui i:nth-last-child(2){background:#4f6df5}.bento-seo{background:linear-gradient(145deg,#e5ebff,#f9faff)}.search-pill{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:54px 0 35px;padding:13px 13px 13px 17px;border-radius:99px;background:#fff;box-shadow:0 10px 28px rgba(54,76,150,.12);color:#6f7990;font-size:13px}.search-pill b{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#4f6df5;color:#fff}.bento-care{background:#fff}.status-dot{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border-radius:30px;background:#e9fbf6;color:#187866;font-size:11px;font-weight:850}.status-dot:before{content:'';width:7px;height:7px;border-radius:50%;background:#21c7a5;box-shadow:0 0 0 5px rgba(33,199,165,.12)}.care-score{margin:28px 0 15px}.care-score strong{font-size:74px;letter-spacing:-.08em;background:linear-gradient(135deg,#4f6df5,#38dabb);-webkit-background-clip:text;background-clip:text;color:transparent}.care-score small{color:#8792a6;font-weight:800}.bento-care h3{font-size:29px}.bento-print{grid-column:span 2;display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:35px;background:linear-gradient(135deg,#dbf8f2,#f2fffc)}.print-shapes{position:relative;min-height:220px}.print-shapes i{position:absolute;border-radius:13px;box-shadow:0 18px 35px rgba(19,87,74,.14)}.print-shapes i:first-child{width:145px;height:210px;left:12%;top:3%;background:#4f6df5;transform:rotate(-8deg)}.print-shapes i:nth-child(2){width:190px;height:115px;left:30%;top:27%;background:#fff;transform:rotate(7deg)}.print-shapes i:nth-child(3){width:110px;height:160px;left:50%;top:16%;background:#0b1220;transform:rotate(15deg)}.bento-talk{display:flex;flex-direction:column;justify-content:flex-end;background:#4f6df5;color:#fff}.bento-talk .eyebrow{color:#b9fff2}.bento-talk .button{align-self:flex-start;background:#fff;color:#111a2b}.bento-orbit{position:absolute;width:210px;height:210px;border:1px solid rgba(255,255,255,.18);border-radius:50%;right:-45px;top:-75px}.bento-orbit:before,.bento-orbit:after{content:'';position:absolute;border:1px solid rgba(255,255,255,.16);border-radius:50%}.bento-orbit:before{inset:28px}.bento-orbit:after{inset:58px;background:#38e8c6;border:0}.proof-strip{padding:30px 0;background:#0b1220;color:#fff}.proof-grid{display:grid;grid-template-columns:repeat(4,1fr)}.proof-grid>div{padding:11px 30px;border-right:1px solid rgba(255,255,255,.12)}.proof-grid>div:first-child{padding-left:0}.proof-grid>div:last-child{border:0}.proof-grid strong,.proof-grid span{display:block}.proof-grid strong{font-size:33px;letter-spacing:-.05em;color:#fff}.proof-grid span{margin-top:3px;color:#909db3;font-size:12px;font-weight:750;text-transform:uppercase;letter-spacing:.08em}
.showcase{background:#edf1f8}.showcase-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.showcase-project{border-radius:25px;background:#fff;overflow:hidden;border:1px solid rgba(11,18,32,.07);box-shadow:0 14px 45px rgba(28,48,94,.07);transition:transform .3s,box-shadow .3s}.showcase-project:hover{transform:translateY(-6px);box-shadow:0 28px 65px rgba(28,48,94,.14)}.showcase-project.featured{grid-column:1/-1}.showcase-project.featured>a{display:grid;grid-template-columns:1.3fr .7fr}.showcase-visual{position:relative;min-height:390px;padding:50px;background:linear-gradient(145deg,#dfe8ff,#cbd9ff);overflow:hidden}.showcase-project:nth-child(2) .showcase-visual{background:linear-gradient(145deg,#ece8ff,#dad1ff)}.showcase-project:nth-child(3) .showcase-visual{background:linear-gradient(145deg,#d9f7f1,#c2eee5)}.project-index{position:absolute;right:24px;top:20px;font-size:12px;font-weight:900;color:rgba(11,18,32,.45)}.device-frame{height:100%;min-height:290px;border-radius:18px;background:#fff;padding:10px;box-shadow:0 28px 55px rgba(28,48,94,.2);transform:rotate(-1.5deg);transition:transform .4s}.showcase-project:hover .device-frame{transform:rotate(0) scale(1.015)}.device-bar{display:flex;gap:5px;height:20px}.device-bar i{width:6px;height:6px;border-radius:50%;background:#dce1eb}.device-screen{position:relative;min-height:250px;padding:30px;border-radius:11px;background:#0d172a;color:#fff;overflow:hidden}.device-screen:after{content:'';position:absolute;width:190px;height:190px;border-radius:50%;right:-50px;bottom:-80px;background:#4f6df5;opacity:.55}.device-screen>span{font-size:10px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:#38e8c6}.device-screen>strong{display:block;max-width:360px;margin:25px 0;font-size:clamp(30px,4vw,53px);line-height:.98;letter-spacing:-.06em}.device-screen>b{font-size:11px;padding:9px 12px;border-radius:20px;background:#4f6df5}.device-cards{display:flex;gap:8px;margin-top:40px}.device-cards i{width:28%;height:45px;border-radius:7px;background:rgba(255,255,255,.12)}.showcase-copy{position:relative;padding:28px;display:flex;align-items:end;justify-content:space-between;gap:25px}.featured .showcase-copy{padding:50px;flex-direction:column;align-items:flex-start;justify-content:center}.showcase-copy h3{margin:8px 0 0;font-size:34px}.featured .showcase-copy h3{font-size:47px}.showcase-copy p{max-width:410px;color:var(--muted);font-size:14px}.featured .showcase-copy p{font-size:16px}.project-arrow{flex:none;width:43px;height:43px;display:grid;place-items:center;border-radius:50%;background:#f1f4fa;font-weight:900;transition:.2s}.showcase-project:hover .project-arrow{background:#4f6df5;color:#fff;transform:rotate(8deg)}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .65s ease,transform .65s ease}.reveal.visible{opacity:1;transform:none}.bento-grid .reveal:nth-child(2),.showcase-grid .reveal:nth-child(2){transition-delay:.08s}.bento-grid .reveal:nth-child(3),.showcase-grid .reveal:nth-child(3){transition-delay:.15s}.bento-grid .reveal:nth-child(4){transition-delay:.1s}.bento-grid .reveal:nth-child(5){transition-delay:.18s}
@media(max-width:960px){.bento-grid{grid-template-columns:1fr 1fr}.bento-web,.bento-print{grid-column:1/-1}.bento-talk{min-height:280px}.proof-grid{grid-template-columns:1fr 1fr;gap:25px}.proof-grid>div,.proof-grid>div:first-child{padding:8px 20px;border:0}.showcase-project.featured>a{grid-template-columns:1fr}.featured .showcase-copy{padding:32px;flex-direction:row;align-items:end}.showcase-grid{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.bento-grid,.showcase-grid{grid-template-columns:1fr}.bento-web,.bento-print{grid-column:auto;grid-template-columns:1fr}.bento-web{padding-bottom:0}.bento-ui{height:270px}.bento-print{padding-top:10px}.print-shapes{min-height:190px}.bento-talk{min-height:260px}.proof-grid{grid-template-columns:1fr 1fr}.proof-grid strong{font-size:25px}.showcase-project.featured{grid-column:auto}.showcase-project.featured>a{display:block}.showcase-visual{min-height:315px;padding:28px}.device-frame{min-height:250px}.device-screen{min-height:210px}.showcase-copy,.featured .showcase-copy{padding:25px;display:block}.showcase-copy p{margin-bottom:0}.project-arrow{position:absolute;right:22px;top:22px}.featured .showcase-copy h3{font-size:34px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.ticker-track{animation:none}.showcase-project,.device-frame,.button,.nav-cta{transition:none}}

/* Photographies de projets */
.device-screen.photo-screen{padding:0;isolation:isolate}.photo-screen:after{z-index:1;width:100%;height:70%;right:0;bottom:0;border-radius:0;background:linear-gradient(0deg,rgba(5,10,19,.88),transparent);opacity:1}.photo-screen>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .65s ease}.showcase-project:hover .photo-screen>img{transform:scale(1.045)}.photo-overlay{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:30px;color:#fff}.photo-overlay>span{font-size:10px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:#75f1d9}.photo-overlay>strong{display:block;max-width:420px;margin:8px 0 16px;font-size:clamp(30px,4vw,53px);line-height:.98;letter-spacing:-.06em;text-shadow:0 3px 18px rgba(0,0,0,.25)}.photo-overlay>b{display:inline-block;padding:9px 12px;border-radius:20px;background:#4f6df5;font-size:11px}.featured .device-screen{min-height:290px}
@media(max-width:680px){.photo-overlay{padding:22px}.photo-overlay>strong{font-size:32px}.featured .device-screen{min-height:230px}}
@media(prefers-reduced-motion:reduce){.photo-screen>img{transition:none}}

/* Identité PC Studio59 */
.studio-brand{gap:9px}.studio-symbol{position:relative;width:72px;height:47px;display:block;overflow:visible;flex:none}.studio-symbol img{position:absolute;width:72px;max-width:none;height:auto;left:0;top:2px}.studio-wordmark{display:block;line-height:1}.studio-wordmark strong{display:flex;align-items:baseline;gap:4px;font-size:22px;font-weight:900;letter-spacing:-.06em;color:#10192b}.studio-wordmark strong em{font-style:normal;color:#079fda}.studio-wordmark strong b{font-size:16px;color:#4f6df5}.studio-wordmark small{display:block;margin-top:5px;font-size:8px;font-weight:850;letter-spacing:.075em;text-transform:uppercase;color:#7d889b}.studio-wordmark small i{font-style:normal;color:#18bfa1}.footer-brand .studio-wordmark strong{color:#fff}.footer-brand .studio-wordmark small{color:#8e9bad}.footer-brand .studio-symbol{filter:drop-shadow(0 7px 13px rgba(0,167,225,.18))}
@media(max-width:520px){.studio-symbol{width:58px;height:40px}.studio-symbol img{width:58px;left:0;top:2px}.studio-wordmark strong{font-size:19px}.studio-wordmark strong b{font-size:14px}}

/* Navigation clavier et accessibilité */
:where(a,button,input,select,textarea):focus-visible{outline:3px solid #38e8c6;outline-offset:3px}.menu-toggle:focus-visible,.nav-cta:focus-visible,.button:focus-visible{outline-color:#4f6df5}

/* Correction de la dernière carte Bento */
.bento-talk{grid-column:1/-1;min-height:220px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:38px;padding:42px 55px;background:linear-gradient(120deg,#4f6df5,#6658ee)}.bento-talk .eyebrow{margin:0;white-space:nowrap}.bento-talk h3{max-width:580px;margin:0;font-size:clamp(38px,5vw,62px)}.bento-talk .button{justify-self:end;align-self:center;box-shadow:0 16px 35px rgba(12,18,42,.2)}.bento-talk .bento-orbit{width:330px;height:330px;right:17%;top:-220px;opacity:.8}.bento-talk .bento-orbit:before{inset:42px}.bento-talk .bento-orbit:after{inset:92px}
@media(max-width:960px){.bento-talk{grid-column:1/-1;grid-template-columns:1fr auto;gap:16px;padding:38px;min-height:250px}.bento-talk .eyebrow{grid-column:1/-1;align-self:end}.bento-talk h3{align-self:start}.bento-talk .button{align-self:start}}
@media(max-width:680px){.bento-talk{grid-column:auto;display:flex;align-items:flex-start;padding:34px;min-height:300px}.bento-talk .eyebrow{align-self:auto}.bento-talk .button{align-self:flex-start}}

/* Nouvelle maquette du hero */
.hero-showcase{min-height:520px}.hero-browser{position:absolute;inset:30px -5px 22px 5px;padding:11px;border-radius:23px;background:#f9fbff;box-shadow:0 35px 90px rgba(0,0,0,.42);transform:perspective(1000px) rotateY(-4deg) rotateZ(1.2deg);overflow:hidden}.hero-browser-bar{height:40px;padding:0 9px;display:grid;grid-template-columns:1fr 2fr 1fr;align-items:center;color:#7c879b}.hero-browser-bar>span{display:flex;gap:6px}.hero-browser-bar i{display:block;width:8px;height:8px;border-radius:50%;background:#ff6f74}.hero-browser-bar i:nth-child(2){background:#ffc95b}.hero-browser-bar i:nth-child(3){background:#40d8bc}.hero-browser-bar b{justify-self:center;min-width:165px;padding:6px 18px;border-radius:20px;background:#e9edf5;color:#677287;font-size:10px;text-align:center}.hero-browser-bar em{justify-self:end;font-style:normal;font-weight:900}.hero-site-shot{height:410px;border-radius:14px;overflow:hidden;background:#e7ebf4}.hero-site-shot img{width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .7s ease}.hero-showcase:hover .hero-site-shot img{transform:scale(1.025)}.hero-phone{position:absolute;z-index:3;right:-28px;bottom:-2px;width:145px;height:275px;padding:9px;border:5px solid #111a2c;border-radius:27px;background:#fff;box-shadow:0 25px 55px rgba(0,0,0,.4);transform:rotate(3deg);overflow:hidden}.hero-phone>span{position:absolute;z-index:2;top:6px;left:50%;width:42px;height:8px;border-radius:9px;background:#111a2c;transform:translateX(-50%)}.hero-phone img{width:100%;height:100%;border-radius:15px;object-fit:cover;object-position:20% top}.hero-project-label{position:absolute;z-index:4;left:-22px;bottom:-8px;min-width:190px;padding:16px 18px;border:1px solid rgba(255,255,255,.14);border-radius:15px;background:rgba(16,27,49,.92);box-shadow:0 18px 38px rgba(0,0,0,.3);backdrop-filter:blur(15px);transform:rotate(-2deg)}.hero-project-label small,.hero-project-label strong,.hero-project-label span{display:block}.hero-project-label small{color:#65ead1;font-size:9px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.hero-project-label strong{margin:3px 0;color:#fff;font-size:17px}.hero-project-label span{color:#99a6ba;font-size:10px}.hero-showcase .sticker{z-index:5;right:-30px;top:2px;width:118px;height:118px;font-size:14px}
@media(max-width:900px){.hero-showcase{min-height:510px}.hero-browser{inset:20px 15px 30px 0}.hero-phone{right:0}.hero-project-label{left:5px;bottom:3px}}
@media(max-width:600px){.hero-showcase{min-height:410px}.hero-browser{inset:15px 8px 25px 0}.hero-site-shot{height:325px}.hero-phone{width:105px;height:205px;right:0;bottom:0;border-width:4px;border-radius:22px}.hero-project-label{min-width:165px;padding:12px 14px}.hero-showcase .sticker{width:90px;height:90px;right:-2px;font-size:12px}.hero-browser-bar b{min-width:120px}}
@media(prefers-reduced-motion:reduce){.hero-site-shot img{transition:none}}

/* Aperçu réel dans la carte Création web */
.bento-project-preview{position:relative;align-self:end;height:330px;padding:10px;border-radius:18px 18px 0 0;background:#f8faff;box-shadow:0 25px 60px rgba(0,0,0,.34);transform:translateY(35px) rotate(1.5deg);overflow:hidden}.bento-preview-bar{height:31px;padding:0 5px;display:grid;grid-template-columns:1fr 2fr 1fr;align-items:center}.bento-preview-bar>span{display:flex;gap:5px}.bento-preview-bar i{width:6px;height:6px;border-radius:50%;background:#ff7078}.bento-preview-bar i:nth-child(2){background:#ffc857}.bento-preview-bar i:nth-child(3){background:#42d8bb}.bento-preview-bar b{justify-self:center;min-width:105px;padding:4px 12px;border-radius:12px;background:#e8edf5;color:#768198;font-size:8px;text-align:center}.bento-preview-image{height:279px;border-radius:11px;overflow:hidden;background:#dfe7f5}.bento-preview-image img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .6s ease}.bento-web:hover .bento-preview-image img{transform:scale(1.035)}.bento-preview-badge{position:absolute;left:22px;bottom:20px;padding:10px 13px;border-radius:11px;background:rgba(10,18,32,.9);box-shadow:0 10px 25px rgba(0,0,0,.3);backdrop-filter:blur(10px)}.bento-preview-badge small,.bento-preview-badge strong{display:block}.bento-preview-badge small{color:#5fe5ca;font-size:7px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.bento-preview-badge strong{margin-top:2px;color:#fff;font-size:12px}
@media(max-width:680px){.bento-project-preview{height:290px}.bento-preview-image{height:240px}}

/* Showroom : captures réelles des pages d'accueil */
.showroom-archive .project-grid{grid-template-columns:repeat(2,1fr);gap:28px}.showroom-archive .project{transition:transform .3s,box-shadow .3s}.showroom-archive .project:hover{transform:translateY(-6px);box-shadow:0 24px 60px rgba(28,48,94,.15)}.showroom-thumb{position:relative;height:430px;padding:14px;align-items:flex-start;background:linear-gradient(145deg,#dfe8ff,#f0f4ff);overflow:hidden}.showroom-thumb:before{content:'';position:absolute;z-index:2;left:30px;right:30px;bottom:0;height:110px;background:linear-gradient(transparent,rgba(10,18,32,.82));pointer-events:none}.showroom-thumb img{width:100%;height:auto;min-height:100%;border-radius:13px;box-shadow:0 20px 45px rgba(18,31,62,.22);object-fit:cover;object-position:top center;transition:transform .7s ease}.showroom-archive .project:hover .showroom-thumb img{transform:translateY(-12px)}.showroom-open{position:absolute;z-index:3;left:32px;bottom:24px;color:#fff;font-size:13px;font-weight:900}.project-case-hero{padding-bottom:70px}.project-case{margin-top:-25px}.fullpage-browser{margin:45px 0;border:1px solid #dce2ed;border-radius:20px;background:#f7f9fd;box-shadow:0 30px 80px rgba(28,48,94,.16);overflow:hidden}.fullpage-browser-bar{height:52px;padding:0 18px;display:flex;align-items:center;gap:7px;border-bottom:1px solid #e2e6ef}.fullpage-browser-bar i{width:9px;height:9px;border-radius:50%;background:#ff7078}.fullpage-browser-bar i:nth-child(2){background:#ffc857}.fullpage-browser-bar i:nth-child(3){background:#42d8bb}.fullpage-browser-bar span{margin-left:12px;color:var(--muted);font-size:12px;font-weight:800}.fullpage-browser img{display:block;width:100%;height:auto}.case-cta{margin-top:45px;padding:34px;border-radius:20px;background:#101b31;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:25px}.case-cta p{margin:0;font-size:20px}
@media(max-width:760px){.showroom-archive .project-grid{grid-template-columns:1fr}.showroom-thumb{height:340px}.case-cta{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){.bento-preview-image img{transition:none}}

/* Correctifs miniatures et FAQ */
.showroom-thumb img{height:100%;min-height:0}.faq-section{background:#f7f9fd}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.faq-grid details{padding:22px 24px;border:1px solid var(--line);border-radius:16px;background:#fff}.faq-grid summary{cursor:pointer;font-weight:900;line-height:1.35}.faq-grid details[open] summary{color:#4f6df5}.faq-grid p{margin:14px 0 0;color:var(--muted);font-size:15px}@media(max-width:680px){.faq-grid{grid-template-columns:1fr}}

.project-body h2{font-size:26px;margin:10px 0}.form-trap{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}.service-detail{scroll-margin-top:120px;padding:34px 0;border-bottom:1px solid var(--line)}.service-detail:last-child{border-bottom:0}.service-detail h2{margin-bottom:12px}.service-detail ul{margin:18px 0 0;padding-left:22px;color:var(--muted)}

/* Mockup réel des supports imprimés */
.print-mockup{position:relative;min-height:260px;margin:-10px 0 -10px -10px;border-radius:18px;overflow:hidden;box-shadow:0 22px 48px rgba(18,68,61,.15);transform:rotate(-2deg)}.print-mockup img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .65s ease}.bento-print:hover .print-mockup img{transform:scale(1.04)}.print-mockup span{position:absolute;left:17px;bottom:16px;padding:8px 11px;border-radius:20px;background:rgba(10,18,32,.88);color:#fff;font-size:9px;font-weight:900;letter-spacing:.09em;text-transform:uppercase;backdrop-filter:blur(8px)}
@media(max-width:680px){.print-mockup{min-height:225px;margin:0}}
@media(prefers-reduced-motion:reduce){.print-mockup img{transition:none}}

/* Showroom des services */
.services-intro{padding-bottom:70px;background:radial-gradient(circle at 80% 30%,rgba(79,109,245,.13),transparent 28%)}.services-intro h1{max-width:1050px}.services-hub{padding:0 0 100px}.service-hub-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.service-hub-card{position:relative;min-height:580px;padding:38px;border:1px solid rgba(11,18,32,.08);border-radius:28px;background:#fff;overflow:hidden;box-shadow:0 18px 55px rgba(28,48,94,.08);transition:transform .28s,box-shadow .28s}.service-hub-card:hover{transform:translateY(-7px);box-shadow:0 30px 70px rgba(28,48,94,.15)}.service-hub-card.service-web{grid-column:1/-1;min-height:520px;background:linear-gradient(140deg,#0d172b,#131f39);color:#fff}.service-hub-card.service-seo{background:linear-gradient(145deg,#e7edff,#f9faff)}.service-hub-card.service-care{background:linear-gradient(145deg,#e4faf6,#f8fffd)}.service-hub-card.service-print{grid-column:1/-1;min-height:470px;background:linear-gradient(135deg,#f1edff,#fbfaff)}.service-index{font-size:11px;font-weight:900;letter-spacing:.15em;color:#4f6df5}.service-web .service-index{color:#5ce4c9}.service-hub-copy{position:relative;z-index:2;width:55%;margin-top:90px}.service-hub-copy h2{font-size:clamp(42px,5vw,68px)}.service-hub-copy p{max-width:610px;color:var(--muted)}.service-web .service-hub-copy p{color:#aab5c9}.service-discover{display:inline-flex;align-items:center;gap:15px;margin-top:22px;font-weight:900}.service-discover b{width:39px;height:39px;display:grid;place-items:center;border-radius:50%;background:#4f6df5;color:#fff}.service-web .service-discover b{background:#38e8c6;color:#0b1220}.service-mini-visual{position:absolute;right:5%;top:13%;width:38%;height:74%;display:grid;place-items:center}.mini-browser-demo{width:100%;height:100%;padding:46px 35px;border-radius:22px;background:#f8faff;color:#0b1220;box-shadow:0 35px 70px rgba(0,0,0,.35);transform:rotate(2deg)}.mini-browser-demo:before{content:'•••';position:absolute;top:15px;color:#6f7b92;letter-spacing:5px}.mini-browser-demo>i{display:block;width:60px;height:7px;border-radius:8px;background:#4f6df5}.mini-browser-demo strong{display:block;margin:55px 0 38px;font-size:39px;line-height:1.02;letter-spacing:-.06em}.mini-browser-demo b{display:inline-block;width:28%;height:80px;margin-right:3%;border-radius:10px;background:#e5e9f2}.mini-browser-demo b:nth-last-child(2){background:linear-gradient(135deg,#4f6df5,#38dabb)}.mini-serp,.mini-monitor{width:100%;padding:30px;border:1px solid rgba(11,18,32,.08);border-radius:20px;background:#fff;box-shadow:0 22px 45px rgba(54,76,150,.14)}.mini-serp i{display:block;color:#4f6df5;font:900 30px Inter}.mini-serp strong,.mini-serp small{display:block}.mini-serp strong{margin:18px 0 4px;font-size:23px}.mini-serp small{color:#677389}.mini-serp b{display:block;width:86%;height:8px;margin-top:18px;border-radius:8px;background:#e7ebf3}.mini-serp b:last-child{width:64%}.mini-monitor i{display:inline-block;padding:7px 10px;border-radius:20px;background:#e5faf4;color:#17846e;font-size:10px;font-style:normal;font-weight:900}.mini-monitor strong{display:block;margin:30px 0 4px;font-size:73px;letter-spacing:-.09em;background:linear-gradient(135deg,#4f6df5,#38dabb);background-clip:text;-webkit-background-clip:text;color:transparent}.mini-monitor strong small{font-size:18px}.mini-monitor>b{color:#667288;font-size:11px}.mini-print{position:relative;width:100%;height:100%}.mini-print i{position:absolute;border-radius:16px;box-shadow:0 28px 55px rgba(58,43,118,.18)}.mini-print i:first-child{width:52%;height:85%;left:8%;top:5%;background:#4f6df5;transform:rotate(-8deg)}.mini-print i:nth-child(2){width:70%;height:43%;left:19%;top:29%;background:#fff;transform:rotate(6deg)}.mini-print i:last-child{width:38%;height:65%;right:3%;top:18%;background:#0b1220;transform:rotate(13deg)}.service-promise{padding:100px 0;background:#0b1220;color:#fff}.service-promise>.wrap{display:grid;grid-template-columns:1fr 1fr;gap:80px}.service-promise .eyebrow{color:#58e7cc}.service-promise h2{font-size:clamp(42px,5vw,68px)}.promise-list{border-top:1px solid rgba(255,255,255,.15)}.promise-list p{margin:0;padding:24px 0;border-bottom:1px solid rgba(255,255,255,.15);font-size:20px;font-weight:800}.promise-list b{display:inline-block;width:55px;color:#7587ff;font-size:12px}

/* Pages service détaillées */
.service-page-hero{position:relative;padding:80px 0 100px;overflow:hidden;background:#0b1220;color:#fff}.service-page-hero:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 80% 30%,rgba(79,109,245,.28),transparent 33%),linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:auto,42px 42px,42px 42px}.service-page-hero .wrap{position:relative}.service-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.back-services{display:block;margin-bottom:32px;color:#8e9ab0;font-size:13px;font-weight:800}.service-page-hero .eyebrow{display:flex;color:#62ead0}.service-page-hero h1{font-size:clamp(48px,6vw,79px)}.service-page-hero .lead{color:#aab5c9}.service-page-hero .button.alt{background:rgba(255,255,255,.06);color:#fff;border:1px solid rgba(255,255,255,.17)}.service-live-demo{min-height:510px;display:grid;place-items:center}.web-demo{width:100%}.demo-switch{display:flex;gap:6px;margin-bottom:14px;padding:6px;border:1px solid rgba(255,255,255,.12);border-radius:99px;background:rgba(255,255,255,.06)}.demo-switch button{flex:1;padding:9px;border:0;border-radius:99px;background:transparent;color:#aab5c9;font:800 11px Inter;cursor:pointer}.demo-switch button.active{background:#fff;color:#0b1220}.web-device{position:relative;min-height:410px;padding:48px 28px 28px;border:10px solid #f9fbff;border-radius:24px;background:#f4f7fc;color:#0b1220;box-shadow:0 35px 80px rgba(0,0,0,.42);transform:rotate(1.5deg);overflow:hidden}.web-bar{position:absolute;left:0;right:0;top:0;height:38px;padding:0 12px;display:flex;align-items:center;gap:6px;border-bottom:1px solid #e3e7ef}.web-bar i{width:7px;height:7px;border-radius:50%;background:#ff7078}.web-bar i:nth-child(2){background:#ffc95b}.web-bar i:nth-child(3){background:#3bd5b7}.web-bar span{margin-left:auto;margin-right:auto;font-size:8px;color:#7d8899}.web-panel{display:none;min-height:320px;padding:35px;border-radius:15px;background:#111b31;color:#fff}.web-panel.active{display:block;animation:panelIn .35s ease}.web-panel small{color:#53e3c7;font-weight:900;letter-spacing:.13em}.web-panel strong{display:block;max-width:370px;margin:25px 0;font-size:44px;line-height:.98;letter-spacing:-.06em}.web-panel>b{display:inline-block;padding:10px 13px;border-radius:22px;background:#4f6df5;font-size:10px}.web-panel em{display:inline-block;width:25%;height:55px;margin:48px 3% 0 0;border-radius:8px;background:#22314e}.web-panel em:nth-last-child(2){background:linear-gradient(135deg,#4f6df5,#38dabb)}@keyframes panelIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.seo-demo,.care-demo{width:100%;padding:28px;border:1px solid rgba(255,255,255,.13);border-radius:24px;background:rgba(255,255,255,.07);box-shadow:0 30px 70px rgba(0,0,0,.25);backdrop-filter:blur(15px)}.seo-score{display:flex;align-items:end;justify-content:space-between;margin-bottom:20px}.seo-score span{color:#9ba8bd;font-size:12px}.seo-score strong{font-size:60px;letter-spacing:-.09em;color:#52e3c7}.seo-score small{font-size:13px;color:#9ba8bd}.serp-card{padding:23px;border-radius:15px;background:#fff;color:#111a2c}.serp-card>span{font-size:8px;color:#778298}.serp-card>b,.serp-card small{display:block}.serp-card>b{margin:8px 0;color:#3156c9;font-size:19px}.serp-card p{margin:0 0 8px;color:#59657a;font-size:12px}.serp-card small{color:#16836d}.seo-bars{margin-top:25px}.seo-bars i{display:block;width:var(--w);height:8px;margin:9px 0;border-radius:9px;background:linear-gradient(90deg,#4f6df5,#38e8c6)}.care-head{display:flex;align-items:center;justify-content:space-between;color:#9ca9bd;font-size:11px}.care-head b{padding:7px 10px;border-radius:20px;background:rgba(56,232,198,.13);color:#55e2c7}.uptime{display:block;margin:34px 0;font-size:80px;letter-spacing:-.09em}.uptime small{display:block;font-size:12px;letter-spacing:.02em;color:#98a5b9}.care-checks span{display:flex;justify-content:space-between;padding:15px 0;border-top:1px solid rgba(255,255,255,.12);font-size:12px}.care-checks span>b{color:#5ce3ca}.care-chart{height:80px;display:flex;align-items:end;gap:7px;margin-top:20px}.care-chart i{flex:1;height:45%;border-radius:5px;background:#4f6df5}.care-chart i:nth-child(2){height:65%}.care-chart i:nth-child(3){height:55%}.care-chart i:nth-child(4){height:84%;background:#38e8c6}.care-chart i:nth-child(5){height:72%}.care-chart i:nth-child(6){height:92%}.care-chart i:last-child{height:78%}.print-demo{position:relative;width:100%;height:510px}.poster,.business-card,.flyer{position:absolute;box-shadow:0 30px 65px rgba(0,0,0,.32)}.poster{left:4%;top:2%;width:54%;height:82%;padding:35px;border-radius:7px;background:#4f6df5;transform:rotate(-7deg)}.poster small{font-weight:900;letter-spacing:.13em}.poster strong{display:block;margin:55px 0 20px;font-size:48px;line-height:.85;letter-spacing:-.06em}.poster b{color:#4f6df5;background:#fff;padding:7px}.business-card{right:0;bottom:9%;width:68%;height:39%;padding:35px;border-radius:7px;background:#fff;color:#0b1220;transform:rotate(7deg)}.business-card span,.business-card strong,.business-card small{display:block}.business-card span{color:#4f6df5;font-weight:900}.business-card strong{margin-top:36px}.business-card small{color:#6e788c}.flyer{right:4%;top:8%;width:40%;height:55%;padding:24px;border-radius:7px;background:#0b1220;border:1px solid rgba(255,255,255,.15);transform:rotate(12deg)}.flyer i{display:block;width:65px;height:65px;border-radius:50%;background:#38e8c6}.flyer strong,.flyer small{display:block}.flyer strong{margin:30px 0 8px;font-size:24px}.flyer small{color:#a9b4c8}.print-specs{position:absolute;left:6%;bottom:2%;padding:9px 13px;border-radius:20px;background:#38e8c6;color:#08121c;font-size:9px;font-weight:900;letter-spacing:.1em}.service-capabilities{background:#f6f8fc}.capability-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.capability-card{min-height:300px;padding:30px;border:1px solid var(--line);border-radius:20px;background:#fff}.capability-card>span{display:block;margin-bottom:70px;color:#4f6df5;font-size:11px;font-weight:900}.capability-card h3{font-size:25px}.capability-card p{color:var(--muted);font-size:14px}.service-method{padding:100px 0;background:#eaf0fb}.method-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.method-grid>div:first-child{position:sticky;top:140px;align-self:start}.method-grid>div:first-child p{color:var(--muted)}.method-steps{border-top:1px solid var(--line)}.method-step{display:grid;grid-template-columns:55px 1fr;gap:20px;padding:30px 0;border-bottom:1px solid var(--line)}.method-step>b{color:#4f6df5;font-size:11px}.method-step h3{margin:0 0 7px;font-size:25px}.method-step p{margin:0;color:var(--muted)}.deliverable-box{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:55px;border-radius:26px;background:#0b1220;color:#fff}.deliverable-box .eyebrow{color:#55e3c8}.deliverable-box ul{list-style:none;margin:0;padding:0}.deliverable-box li{padding:16px 0;border-bottom:1px solid rgba(255,255,255,.13);color:#c3ccda;font-weight:750}.deliverable-box li::first-letter{color:#38e8c6}
@media(max-width:960px){.service-hub-copy{width:58%}.service-hero-grid{grid-template-columns:1fr}.service-live-demo{min-height:auto}.capability-grid{grid-template-columns:1fr 1fr}.service-promise>.wrap,.method-grid,.deliverable-box{grid-template-columns:1fr}.method-grid{gap:45px}.method-grid>div:first-child{position:static}}
@media(max-width:680px){.services-intro{padding-bottom:45px}.service-hub-grid{grid-template-columns:1fr}.service-hub-card,.service-hub-card.service-web,.service-hub-card.service-print{grid-column:auto;min-height:610px;padding:27px}.service-hub-copy{width:100%;margin-top:45px}.service-hub-copy h2{font-size:40px}.service-mini-visual{left:7%;right:7%;top:auto;bottom:4%;width:86%;height:39%}.service-web .service-mini-visual{height:42%}.mini-browser-demo{padding:38px 22px}.mini-browser-demo strong{margin:38px 0 24px;font-size:30px}.mini-browser-demo b{height:50px}.service-promise>.wrap{gap:35px}.service-page-hero{padding:55px 0 70px}.service-hero-grid{gap:45px}.service-live-demo{width:100%}.web-device{min-height:350px;padding:45px 12px 12px}.web-panel{min-height:280px;padding:25px}.web-panel strong{font-size:34px}.web-panel em{height:38px;margin-top:35px}.print-demo{height:390px}.poster{padding:24px}.poster strong{margin-top:35px;font-size:36px}.business-card{padding:22px}.business-card strong{margin-top:25px}.flyer{padding:18px}.flyer strong{font-size:19px}.capability-grid{grid-template-columns:1fr}.capability-card{min-height:auto}.capability-card>span{margin-bottom:38px}.service-method,.section{padding:72px 0}.deliverable-box{padding:32px;gap:30px}}

/* Prise de rendez-vous */
.booking-hero{position:relative;padding:90px 0 100px;background:#0b1220;color:#fff;overflow:hidden}.booking-hero:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 78% 24%,rgba(79,109,245,.35),transparent 32%),linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:auto,42px 42px,42px 42px}.booking-hero-grid{position:relative;display:grid;grid-template-columns:1.2fr .8fr;gap:75px;align-items:center}.booking-hero h1{font-size:clamp(50px,6.5vw,82px)}.booking-hero .lead{color:#aab5c9}.booking-trust{display:flex;flex-wrap:wrap;gap:10px}.booking-trust span{padding:9px 13px;border:1px solid rgba(255,255,255,.14);border-radius:99px;color:#c9d2e1;font-size:12px;font-weight:800}.booking-summary{padding:38px;border:1px solid rgba(255,255,255,.14);border-radius:25px;background:rgba(255,255,255,.07);box-shadow:0 30px 70px rgba(0,0,0,.28);backdrop-filter:blur(14px)}.booking-live{display:inline-block;padding:7px 11px;border-radius:30px;background:rgba(56,232,198,.12);color:#58e7cc;font-size:11px;font-weight:900}.booking-summary strong{display:block;margin:32px 0 18px;font-size:35px;line-height:1.05;letter-spacing:-.05em}.booking-summary p{margin:0;color:#aab5c9}.booking-section{padding:90px 0;background:#eef2f8}.booking-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:25px;align-items:start}.booking-aside,.booking-form{border:1px solid rgba(11,18,32,.08);border-radius:25px;background:#fff;box-shadow:0 18px 55px rgba(28,48,94,.08)}.booking-aside{position:sticky;top:120px;padding:38px}.booking-aside ol{list-style:none;margin:15px 0 45px;padding:0}.booking-aside li{display:grid;grid-template-columns:40px 1fr;gap:14px;padding:20px 0;border-bottom:1px solid var(--line)}.booking-aside li>b{color:#4f6df5;font-size:11px}.booking-aside li span,.booking-aside li strong,.booking-aside li small{display:block}.booking-aside li small{margin-top:3px;color:var(--muted)}.booking-contact{padding:20px;border-radius:15px;background:#eef3ff;color:var(--muted)}.booking-contact a{color:#3156c9;font-weight:850}.booking-form{padding:clamp(26px,5vw,58px)}.booking-step{display:grid;grid-template-columns:45px 1fr;gap:16px;margin:10px 0 24px}.booking-step>span{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#4f6df5;color:#fff;font-size:11px;font-weight:900}.booking-step h2{margin:0 0 4px;font-size:31px}.booking-step p{margin:0;color:var(--muted);font-size:14px}.booking-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:45px}.booking-options label{position:relative;margin:0;cursor:pointer}.booking-options input{position:absolute;opacity:0}.booking-options span{min-height:62px;display:flex;align-items:center;padding:14px 16px;border:1px solid var(--line);border-radius:13px;font-size:13px;font-weight:850;transition:.2s}.booking-options input:checked+span{border-color:#4f6df5;background:#eef1ff;color:#2948bf;box-shadow:0 0 0 2px rgba(79,109,245,.12)}.booking-form .form-grid{margin-bottom:45px}.booking-submit{width:100%;margin-top:5px}.privacy-note{display:block;margin-top:10px;text-align:center;color:var(--muted)}.booking-success{padding:45px;border-radius:22px;background:#e4faf5;text-align:center}.booking-success>b{display:block;color:#16836d;font-size:27px}.booking-success p{margin:12px auto 22px;max-width:500px}.booking-success a{font-weight:900;color:#3156c9}
@media(max-width:900px){.booking-hero-grid,.booking-layout{grid-template-columns:1fr}.booking-aside{position:static}.booking-hero{padding:65px 0 75px}.booking-summary{max-width:600px}}
@media(max-width:600px){.booking-section{padding:45px 0}.booking-form,.booking-aside{padding:24px}.booking-options{grid-template-columns:1fr}.booking-step h2{font-size:25px}.booking-trust{gap:7px}.booking-summary{padding:26px}}

/* Référencement local Mouscron & Lille */
.home-local{padding:70px 0;background:#fff}.home-local-inner{display:flex;align-items:center;justify-content:space-between;gap:55px}.home-local h2{max-width:770px;font-size:clamp(36px,5vw,58px)}.home-local p{max-width:760px;color:var(--muted)}.home-local .button{flex:none}.local-hero{position:relative;padding:95px 0 110px;background:#0b1220;color:#fff;overflow:hidden}.local-hero:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 82% 35%,rgba(56,232,198,.14),transparent 30%),radial-gradient(circle at 15% 90%,rgba(79,109,245,.22),transparent 25%)}.local-hero-grid{position:relative;display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center}.local-hero h1{font-size:clamp(54px,7vw,88px)}.local-hero .lead{color:#aab5c9}.local-hero .button.alt{background:rgba(255,255,255,.06);color:#fff;border-color:rgba(255,255,255,.2)}.local-map{position:relative;min-height:470px;border:1px solid rgba(255,255,255,.13);border-radius:50%;background:radial-gradient(circle,rgba(79,109,245,.22),rgba(255,255,255,.03) 60%,transparent 61%)}.local-map:before,.local-map:after{content:'';position:absolute;border:1px solid rgba(255,255,255,.08);border-radius:50%}.local-map:before{inset:15%}.local-map:after{inset:32%}.map-city{position:absolute;z-index:3;padding:14px 18px;border-radius:16px;background:#fff;color:#0b1220;box-shadow:0 18px 45px rgba(0,0,0,.3)}.map-city b,.map-city small{display:block}.map-city small{color:#6f7990}.city-mouscron{left:14%;top:22%}.city-lille{right:10%;bottom:18%}.map-line{position:absolute;z-index:2;left:31%;top:42%;width:43%;height:3px;background:linear-gradient(90deg,#38e8c6,#4f6df5);transform:rotate(28deg);transform-origin:left}.map-orbit{position:absolute;left:48%;top:48%;width:18px;height:18px;border-radius:50%;background:#38e8c6;box-shadow:0 0 0 12px rgba(56,232,198,.13)}.local-two{display:grid;grid-template-columns:1fr 1fr;gap:80px}.local-two p{color:var(--muted)}.local-services{background:#eef2f8}.local-service-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.local-service-grid>a{min-height:320px;padding:34px;border:1px solid rgba(11,18,32,.08);border-radius:22px;background:#fff;transition:.25s}.local-service-grid>a:hover{transform:translateY(-5px);box-shadow:0 25px 55px rgba(28,48,94,.12)}.local-service-grid span{display:block;margin-bottom:60px;color:#4f6df5;font-size:11px;font-weight:900}.local-service-grid p{color:var(--muted)}.local-service-grid b{display:block;margin-top:25px}.local-zone{background:#0b1220;color:#fff}.local-zone-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.local-zone p{color:#aab5c9}.zone-list{border-top:1px solid rgba(255,255,255,.14)}.zone-list span{display:flex;justify-content:space-between;padding:20px 0;border-bottom:1px solid rgba(255,255,255,.14);font-size:20px;font-weight:800}.zone-list b{color:#58e7cc;font-size:11px}.local-proof-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.local-proof-grid>div{padding:32px;border:1px solid var(--line);border-radius:18px;background:#fff}.local-proof-grid strong{font-size:21px}.local-proof-grid p{color:var(--muted)}
@media(max-width:900px){.home-local-inner,.local-hero-grid,.local-two,.local-zone-grid{display:grid;grid-template-columns:1fr}.local-map{max-width:560px;width:100%}.local-proof-grid{grid-template-columns:1fr}.home-local-inner{gap:20px}}
@media(max-width:600px){.local-hero{padding:60px 0 75px}.local-map{min-height:340px}.local-service-grid{grid-template-columns:1fr}.local-service-grid>a{min-height:auto}.local-service-grid span{margin-bottom:35px}.map-city{padding:10px 12px}.city-mouscron{left:7%}.city-lille{right:4%}}