:root{--bg:#02050b;--violet:#7654ff;--violet2:#9b78ff;--cyan:#43d5ff;--white:#f7f6ff}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--white);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}html{scroll-behavior:smooth}body{overflow-x:hidden}#webgl{position:fixed;inset:0;z-index:0}.noise{position:fixed;inset:0;z-index:6;pointer-events:none;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.22'/%3E%3C/svg%3E")}.vignette{position:fixed;inset:0;z-index:1;pointer-events:none;background:radial-gradient(circle at 70% 42%,transparent 0 31%,rgba(2,5,11,.05) 52%,rgba(2,5,11,.62) 120%)}header{position:fixed;z-index:12;top:0;left:0;right:0;padding:20px 5.5vw;display:flex;justify-content:space-between;align-items:center}header img{width:220px}nav{display:flex;align-items:center;gap:34px}nav a{color:#fff;text-decoration:none;font-size:14px;font-weight:600}nav .cta{padding:13px 18px;border:1px solid rgba(118,84,255,.8);border-radius:14px;background:rgba(45,27,100,.2);box-shadow:0 0 28px rgba(118,84,255,.12)}nav .cta span{margin-left:10px}.menu{display:none;background:none;border:0;color:white;font-size:26px}.hero,.project{position:relative;z-index:2}.hero{height:82vh;min-height:660px;display:flex;align-items:center;padding:5vh 7.2vw 0}.copy{width:min(720px,45vw);margin-top:-2vh;will-change:transform,opacity}.eyebrow{font-size:12px;letter-spacing:.38em;font-weight:750;color:var(--cyan);margin:0 0 25px}.hero h1{font-size:clamp(66px,6.25vw,112px);line-height:.88;letter-spacing:-.058em;margin:0 0 24px;font-weight:880}.hero h1 span{color:transparent;-webkit-text-stroke:1.3px rgba(247,246,255,.6)}.lead{font-size:clamp(18px,1.28vw,23px);line-height:1.48;color:rgba(247,246,255,.78);margin:0}.scroll{margin-top:34px;font-size:10px;font-weight:700;letter-spacing:.29em;color:rgba(247,246,255,.78)}.scroll b{display:inline-block;margin-left:12px;color:var(--cyan);font-size:19px;animation:bob 1.5s infinite}.services{position:absolute;left:7.2vw;bottom:2.5vh;display:flex;gap:48px;align-items:center}.services>div{display:flex;align-items:center;gap:14px;min-width:180px}.services i{font-style:normal;font-size:32px;color:var(--cyan);text-shadow:0 0 20px rgba(67,213,255,.35)}.services p{margin:0}.services b,.services span{display:block}.services b{font-size:15px;margin-bottom:4px}.services span{font-size:12px;color:rgba(255,255,255,.53)}.project{min-height:88vh;display:flex;align-items:center;justify-content:space-between;padding:5vh 7.2vw 8vh;gap:7vw;background:linear-gradient(180deg,rgba(2,5,11,.03),rgba(2,5,11,.55) 22%,#02050b 100%)}.project:before{content:"";position:absolute;left:0;right:0;top:-7vh;height:20vh;background:repeating-radial-gradient(ellipse at 22% 100%,transparent 0 10px,rgba(35,119,255,.12) 11px,transparent 12px 22px);opacity:.24;mask-image:linear-gradient(to bottom,transparent,#000,transparent);pointer-events:none}.project-copy{max-width:650px}.project h2{font-size:clamp(66px,7vw,116px);line-height:.82;letter-spacing:-.065em;margin:15px 0 24px}.project h2 span{display:block;color:transparent;-webkit-text-stroke:1.2px rgba(67,213,255,.78)}.project-lead{font-size:clamp(22px,1.7vw,30px);margin:0 0 16px}.project-text{max-width:600px;line-height:1.65;color:rgba(247,246,255,.64);font-size:16px}.chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}.chips span{font-size:10px;letter-spacing:.16em;padding:9px 13px;border:1px solid rgba(67,213,255,.3);border-radius:999px;background:rgba(67,213,255,.04)}.tracker-card{width:min(440px,32vw);padding:29px;border:1px solid rgba(155,120,255,.3);border-radius:26px;background:linear-gradient(145deg,rgba(20,15,47,.82),rgba(4,7,17,.9));box-shadow:0 40px 120px rgba(70,29,255,.2),inset 0 1px rgba(255,255,255,.07);backdrop-filter:blur(18px);opacity:.25}.card-top{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.2em;color:rgba(255,255,255,.55)}.card-top i{width:8px;height:8px;border-radius:50%;background:#35ffba;box-shadow:0 0 16px #35ffba}.metric{display:flex;justify-content:space-between;align-items:end}.metric strong{display:block;font-size:82px;line-height:1;margin-top:25px;letter-spacing:-.08em}.bars{height:48px;display:flex;align-items:end;gap:5px}.bars b{display:block;width:6px;background:linear-gradient(#43d5ff,#5258ff);border-radius:3px}.bars b:nth-child(1){height:14px}.bars b:nth-child(2){height:23px}.bars b:nth-child(3){height:19px}.bars b:nth-child(4){height:36px}.bars b:nth-child(5){height:27px}.bars b:nth-child(6){height:44px}.tracker-card>small{color:rgba(255,255,255,.48)}.pulse-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin:27px 0 18px;padding:14px;border:1px solid rgba(255,255,255,.07);border-radius:15px;background:rgba(255,255,255,.025);font-size:11px}.pulse-row b{width:8px;height:8px;border-radius:50%;background:var(--violet2);box-shadow:0 0 14px var(--violet2)}.pulse-row em{font-style:normal;font-size:9px;color:rgba(255,255,255,.35)}.mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.mini-grid span{padding:13px 9px;border-radius:13px;background:rgba(255,255,255,.035);font-size:9px;color:rgba(255,255,255,.42)}.mini-grid b{display:block;font-size:14px;color:#fff;margin-bottom:5px}@keyframes bob{50%{transform:translateY(7px)}}
@media(max-width:1050px){header img{width:185px}nav{gap:18px}nav a{font-size:12px}.hero{padding-left:5.5vw}.copy{width:48vw}.services{left:5.5vw;gap:24px}.services>div{min-width:145px}.project{padding-left:5.5vw;padding-right:5.5vw}}
@media(max-width:767px){header{padding:16px 18px}header img{width:158px}nav{display:none}.menu{display:block}.hero{height:88vh;min-height:620px;padding:90px 20px 0;align-items:flex-start}.copy{width:100%;margin:6vh 0 0;position:relative;z-index:3}.eyebrow{font-size:9px;margin-bottom:16px}.hero h1{font-size:clamp(48px,14.5vw,70px);max-width:94%;line-height:.9;margin-bottom:18px}.lead{font-size:16px;max-width:78%;text-shadow:0 2px 10px #02050b}.scroll{margin-top:24px;font-size:8px}.services{left:20px;right:20px;bottom:3vh;gap:8px;justify-content:space-between}.services>div{min-width:0;gap:7px;flex:1}.services i{font-size:20px}.services b{font-size:10px}.services span{font-size:8px}.project{min-height:92vh;padding:7vh 20px 9vh;display:block}.project-copy{position:relative;z-index:3}.project h2{font-size:clamp(62px,18vw,90px);margin:10px 0 18px}.project-lead{font-size:21px}.project-text{font-size:14px;max-width:92%}.tracker-card{width:100%;margin-top:30px;padding:22px;opacity:.35}.metric strong{font-size:68px}}
@media(max-width:390px){header img{width:145px}.hero h1{font-size:13.5vw}.lead{font-size:14px}.services span{display:none}.services b{font-size:9px}.project h2{font-size:17vw}.tracker-card{padding:18px}.mini-grid span{font-size:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.scroll b{animation:none}}

/* V07 — homepage complète */
.brand-logo{will-change:transform,opacity}.project-kdp,.project-leadengine{min-height:82vh;overflow:hidden}.project-kdp{background:radial-gradient(circle at 78% 50%,rgba(92,52,255,.16),transparent 34%),linear-gradient(180deg,#02050b,#050511 58%,#02050b)}.project-leadengine{background:radial-gradient(circle at 76% 48%,rgba(28,184,255,.12),transparent 32%),linear-gradient(180deg,#02050b,#020912 55%,#02050b)}
.book-stage{position:relative;width:min(520px,38vw);height:440px;perspective:1100px}.book{position:absolute;width:180px;height:270px;border-radius:7px 13px 13px 7px;border:1px solid rgba(255,255,255,.18);box-shadow:0 30px 80px rgba(0,0,0,.55),0 0 55px rgba(118,84,255,.16);display:flex;flex-direction:column;justify-content:flex-end;padding:24px;transform-style:preserve-3d;overflow:hidden}.book:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.13),transparent 28%,transparent 66%,rgba(67,213,255,.12));pointer-events:none}.book b{font-size:34px;letter-spacing:-.06em}.book span{font-size:12px;letter-spacing:.15em;line-height:1.45;color:rgba(255,255,255,.68);margin-top:8px}.book-a{left:20px;top:94px;transform:rotateY(24deg) rotateZ(-8deg);background:linear-gradient(145deg,#0b1632,#192e67)}.book-b{left:170px;top:42px;z-index:3;transform:rotateY(-5deg) rotateZ(2deg);background:linear-gradient(145deg,#24104f,#6b35ff)}.book-c{right:10px;top:112px;transform:rotateY(-24deg) rotateZ(9deg);background:linear-gradient(145deg,#06364a,#087da5)}.orbit-label{position:absolute;right:22px;bottom:28px;font-size:9px;letter-spacing:.27em;color:rgba(255,255,255,.38)}
.network-card{width:min(460px,34vw);padding:28px;border:1px solid rgba(67,213,255,.24);border-radius:26px;background:linear-gradient(145deg,rgba(5,24,40,.88),rgba(3,7,17,.94));box-shadow:0 35px 110px rgba(0,149,255,.13);backdrop-filter:blur(16px)}.network-head{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.2em;color:rgba(255,255,255,.52)}.network-head i{width:8px;height:8px;border-radius:50%;background:#35ffba;box-shadow:0 0 15px #35ffba}.network{position:relative;height:245px;margin-top:10px;display:flex;flex-direction:column;align-items:center;justify-content:center}.network strong{font-size:78px;letter-spacing:-.08em;z-index:2}.network small{color:rgba(255,255,255,.46);z-index:2}.node{position:absolute;width:12px;height:12px;border:2px solid var(--cyan);border-radius:50%;box-shadow:0 0 18px rgba(67,213,255,.7)}.n1{left:8%;top:22%}.n2{right:12%;top:16%}.n3{left:17%;bottom:17%}.n4{right:8%;bottom:24%}.n5{left:50%;top:8%;background:var(--violet2);border-color:var(--violet2)}.line{position:absolute;height:1px;background:linear-gradient(90deg,transparent,rgba(67,213,255,.48),transparent);transform-origin:left center}.l1{width:42%;left:10%;top:26%;transform:rotate(18deg)}.l2{width:38%;left:51%;top:20%;transform:rotate(-14deg)}.l3{width:39%;left:18%;bottom:22%;transform:rotate(-22deg)}.l4{width:37%;left:52%;bottom:27%;transform:rotate(18deg)}.network-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.network-stats span{padding:13px;border-radius:13px;background:rgba(255,255,255,.035);font-size:9px;color:rgba(255,255,255,.42)}.network-stats b{display:block;color:#fff;font-size:18px;margin-bottom:4px}
.final-cta{position:relative;z-index:3;min-height:72vh;padding:12vh 7.2vw;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;background:radial-gradient(circle at 72% 48%,rgba(118,84,255,.17),transparent 28%),#02050b}.final-cta h2{font-size:clamp(54px,6.3vw,108px);line-height:.9;letter-spacing:-.06em;margin:12px 0 26px}.final-cta h2 span{color:transparent;-webkit-text-stroke:1.2px rgba(67,213,255,.7)}.final-cta>p:not(.eyebrow){font-size:18px;color:rgba(255,255,255,.58);max-width:620px;line-height:1.6}.final-cta a{margin-top:25px;color:#fff;text-decoration:none;padding:15px 20px;border:1px solid rgba(118,84,255,.72);border-radius:14px;background:rgba(45,27,100,.22)}.final-cta a span{margin-left:16px}.anchor{position:absolute}
@media(max-width:767px){.project-kdp,.project-leadengine{min-height:auto;padding-top:9vh;padding-bottom:10vh}.book-stage{width:100%;height:350px;margin-top:28px}.book{width:132px;height:205px;padding:17px}.book b{font-size:25px}.book span{font-size:9px}.book-a{left:2%;top:82px}.book-b{left:32%;top:28px}.book-c{right:1%;top:92px}.network-card{width:100%;margin-top:30px;padding:21px}.network{height:205px}.network strong{font-size:64px}.final-cta{min-height:68vh;padding:10vh 20px}.final-cta h2{font-size:14vw}.final-cta>p:not(.eyebrow){font-size:15px}}

/* V08 — vrais visuels produits */
.showcase-wrap{position:relative;width:min(650px,43vw);display:flex;align-items:center;justify-content:center;perspective:1200px;isolation:isolate}
.showcase-wrap:before{content:"";position:absolute;inset:8% 5%;z-index:-1;border-radius:50%;background:radial-gradient(circle,rgba(73,97,255,.18),rgba(65,30,180,.08) 40%,transparent 72%);filter:blur(34px);opacity:.9}
.showcase-img{display:block;width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 34px 70px rgba(0,0,0,.5));transform:translateZ(0) rotateY(-2deg);transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .7s ease}
.showcase-wrap:hover .showcase-img{transform:translateY(-5px) rotateY(0deg) scale(1.012);filter:drop-shadow(0 42px 86px rgba(0,0,0,.58))}
.showcase-site{width:min(700px,46vw)}
.showcase-site .showcase-img{max-height:570px}
.showcase-kdp{width:min(620px,42vw)}
.showcase-kdp:before{background:radial-gradient(circle,rgba(118,84,255,.23),rgba(70,33,160,.08) 42%,transparent 72%)}
.showcase-lead{width:min(650px,43vw)}
.showcase-lead:before{background:radial-gradient(circle,rgba(67,213,255,.16),rgba(75,45,220,.09) 42%,transparent 72%)}
.project-kdp .showcase-img,.project-leadengine .showcase-img{border-radius:22px}
@media(max-width:1050px){.showcase-wrap{width:44vw}.showcase-site{width:46vw}.showcase-kdp{width:43vw}.showcase-lead{width:44vw}}
@media(max-width:767px){.showcase-wrap,.showcase-site,.showcase-kdp,.showcase-lead{width:100%;margin-top:32px}.showcase-img{max-height:none!important;transform:none}.showcase-wrap:hover .showcase-img{transform:none}.showcase-wrap:before{inset:10% 3%;filter:blur(24px)}.project-kdp .showcase-img,.project-leadengine .showcase-img{border-radius:14px}}

/* V09 — mobile pass */
@media(max-width:767px){
  header{background:linear-gradient(180deg,rgba(2,5,11,.88),rgba(2,5,11,.42) 72%,transparent);backdrop-filter:blur(5px)}
  header.menu-open{background:rgba(2,5,11,.96)}
  header.menu-open nav{display:flex;position:absolute;top:68px;left:14px;right:14px;flex-direction:column;align-items:stretch;gap:4px;padding:14px;border:1px solid rgba(118,84,255,.28);border-radius:18px;background:rgba(5,8,18,.96);box-shadow:0 24px 70px rgba(0,0,0,.45)}
  header.menu-open nav a{font-size:14px;padding:12px 13px;border-radius:11px}
  header.menu-open nav .cta{margin-top:4px;text-align:center}
  .menu{position:relative;z-index:2;width:42px;height:42px;border:1px solid rgba(118,84,255,.42);border-radius:12px;background:rgba(45,27,100,.18);font-size:0}
  .menu:before,.menu:after{content:"";position:absolute;left:11px;right:11px;height:1.5px;background:#fff;transition:.25s ease}
  .menu:before{top:15px;box-shadow:0 6px 0 #fff}.menu:after{top:27px}
  header.menu-open .menu:before{top:20px;transform:rotate(45deg);box-shadow:none}header.menu-open .menu:after{top:20px;transform:rotate(-45deg)}
  .hero{height:760px;min-height:0;padding-top:84px}
  .copy{margin-top:52px}.hero h1{max-width:100%}.lead{max-width:86%}
  .services{bottom:24px}.services i{font-size:18px}
  .project{min-height:0;padding-top:78px;padding-bottom:86px;gap:0}
  .project h2{line-height:.84}.project-text{max-width:100%}.chips{margin-top:20px}
  .showcase-wrap,.showcase-site,.showcase-kdp,.showcase-lead{margin-top:38px}
  .showcase-site{width:108%;margin-left:-4%}.showcase-kdp,.showcase-lead{width:100%}
  .showcase-wrap:before{opacity:.7}
  .final-cta{min-height:620px;padding-top:90px;padding-bottom:90px}.final-cta h2{line-height:.92}
}
@media(max-width:390px){
  .hero{height:710px}.copy{margin-top:42px}.eyebrow{letter-spacing:.28em}.hero h1{font-size:13vw}.lead{max-width:92%}
  .services{left:16px;right:16px}.services>div{gap:5px}.services i{font-size:16px}
  .project{padding-left:17px;padding-right:17px;padding-top:70px;padding-bottom:76px}.project-lead{font-size:19px}.project-text{font-size:13px}.chips span{font-size:8px;padding:8px 10px}
  .showcase-wrap,.showcase-site,.showcase-kdp,.showcase-lead{margin-top:30px}
  .final-cta{padding-left:17px;padding-right:17px;min-height:560px}
}

/* V10 — identité Lloyd finale */
.brand-logo{display:flex;align-items:center;gap:13px;text-decoration:none;color:#fff;width:auto!important;transform-origin:left center}
.brand-logo>img{width:48px!important;height:48px;object-fit:contain;filter:drop-shadow(0 0 14px rgba(88,92,255,.28))}
.brand-type{display:flex;flex-direction:column;line-height:1}
.brand-type strong{font-size:22px;letter-spacing:.24em;font-weight:500;color:#fff}
.brand-type small{margin-top:7px;font-size:9px;letter-spacing:.29em;font-weight:600;background:linear-gradient(90deg,#bd39ff,#2e83ff);-webkit-background-clip:text;background-clip:text;color:transparent}
@media(max-width:767px){.brand-logo{gap:9px}.brand-logo>img{width:44px!important;height:44px}.brand-type strong{font-size:18px;letter-spacing:.2em}.brand-type small{font-size:7px;margin-top:5px;letter-spacing:.23em}header.menu-open nav{background:rgba(2,4,12,.985);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:0 24px 70px rgba(0,0,0,.7),inset 0 1px rgba(255,255,255,.03)}}

/* MASTER — final logo optical alignment */
.brand-logo>img{transform:translateY(5px)}
@media(max-width:767px){.brand-logo>img{transform:translateY(3px)}}


/* PAGE PROJETS */
.projects-page nav .active{color:var(--cyan)}
.projects-hero{height:84vh;min-height:690px}.projects-hero .copy{width:min(850px,56vw)}.projects-hero h1{font-size:clamp(62px,5.7vw,104px)}.projects-hero h1 span{white-space:nowrap}.project-index{position:absolute;right:7.2vw;bottom:8vh;display:flex;flex-direction:column;gap:11px;text-align:right;font-size:10px;letter-spacing:.22em;color:rgba(255,255,255,.38)}
.project-feature{min-height:92vh}.project-feature .project-text{font-size:15px}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:28px;max-width:620px}.detail-grid>div{padding:16px;border:1px solid rgba(67,213,255,.16);border-radius:14px;background:rgba(255,255,255,.025)}.detail-grid b,.detail-grid span{display:block}.detail-grid b{font-size:13px}.detail-grid span{margin-top:5px;font-size:10px;color:rgba(255,255,255,.43)}.status-line{display:flex;align-items:center;gap:9px;margin-top:20px;font-size:9px;letter-spacing:.18em;color:rgba(255,255,255,.55)}.status-line i{width:7px;height:7px;border-radius:50%;background:#35ffba;box-shadow:0 0 13px #35ffba}.proof-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:28px;max-width:650px}.proof-row div{padding:14px 12px;border-top:1px solid rgba(67,213,255,.24);background:linear-gradient(180deg,rgba(67,213,255,.035),transparent)}.proof-row strong{display:block;font-size:26px;letter-spacing:-.04em}.proof-row span{display:block;margin-top:4px;font-size:9px;line-height:1.35;color:rgba(255,255,255,.43)}
.apps-section{position:relative;z-index:3;min-height:92vh;padding:12vh 7.2vw;background:radial-gradient(circle at 50% 45%,rgba(76,48,220,.12),transparent 36%),#02050b}.apps-head{max-width:900px}.apps-head h2{font-size:clamp(54px,5.6vw,98px);line-height:.9;letter-spacing:-.055em;margin:12px 0 22px}.apps-head h2 span{color:transparent;-webkit-text-stroke:1.1px rgba(67,213,255,.72)}.apps-head>p:not(.eyebrow){max-width:630px;font-size:17px;line-height:1.6;color:rgba(255,255,255,.56)}.app-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:70px}.app-grid article{position:relative;min-height:330px;padding:28px;border:1px solid rgba(118,84,255,.18);border-radius:22px;background:linear-gradient(145deg,rgba(14,13,34,.72),rgba(3,7,17,.88));overflow:hidden;transition:.35s ease}.app-grid article:hover{transform:translateY(-5px);border-color:rgba(67,213,255,.3);box-shadow:0 30px 80px rgba(35,25,130,.12)}.app-grid article:after{content:"";position:absolute;width:180px;height:180px;right:-70px;top:-70px;border-radius:50%;background:radial-gradient(circle,rgba(91,60,255,.18),transparent 70%)}.app-orb{width:54px;height:54px;display:grid;place-items:center;border:1px solid rgba(67,213,255,.28);border-radius:16px;font-size:25px;color:var(--cyan);background:rgba(67,213,255,.04);box-shadow:inset 0 0 25px rgba(70,80,255,.08)}.app-num{margin:40px 0 10px;font-size:9px;letter-spacing:.24em;color:var(--cyan)}.app-grid h3{font-size:38px;letter-spacing:-.045em;margin:0 0 14px}.app-grid article>p:not(.app-num){max-width:330px;line-height:1.55;color:rgba(255,255,255,.56);font-size:14px}.app-grid article>span{position:absolute;left:28px;bottom:25px;font-size:8px;letter-spacing:.16em;color:rgba(255,255,255,.32)}
@media(max-width:1050px){.projects-hero .copy{width:62vw}.detail-grid{grid-template-columns:repeat(2,1fr)}.proof-row{grid-template-columns:repeat(2,1fr)}}
@media(max-width:767px){.projects-hero{height:760px;min-height:0;padding-top:84px}.projects-hero .copy{width:100%;margin-top:60px}.projects-hero h1{font-size:12.6vw;line-height:.88}.projects-hero h1 span{white-space:normal}.projects-hero .lead{max-width:92%}.project-index{left:20px;right:auto;bottom:28px;text-align:left;gap:6px;font-size:8px}.project-feature{padding-top:82px;padding-bottom:92px}.detail-grid{grid-template-columns:1fr 1fr;gap:8px}.detail-grid>div{padding:13px}.proof-row{grid-template-columns:1fr 1fr}.apps-section{min-height:0;padding:92px 20px}.apps-head h2{font-size:13vw}.apps-head>p:not(.eyebrow){font-size:15px}.app-grid{grid-template-columns:1fr;margin-top:45px}.app-grid article{min-height:285px}.app-grid article>span{left:24px}.app-grid article{padding:24px}}
@media(max-width:390px){.projects-hero .copy{margin-top:48px}.detail-grid{grid-template-columns:1fr}.apps-section{padding-left:17px;padding-right:17px}.app-grid h3{font-size:34px}}

/* V10 — fiches projets */
.project-index{display:none!important}
.project-feature,.app-grid article{cursor:pointer}
.project-feature{transition:filter .25s ease}
.project-feature:hover{filter:brightness(1.045)}
.project-feature .showcase-wrap{position:relative}
.project-feature .showcase-wrap:after{content:"VOIR LE PROJET  →";position:absolute;right:18px;bottom:18px;padding:10px 13px;border:1px solid rgba(67,213,255,.28);border-radius:999px;background:rgba(2,5,11,.72);backdrop-filter:blur(12px);font-size:9px;font-weight:800;letter-spacing:.18em;color:#fff;opacity:0;transform:translateY(5px);transition:.25s ease}
.project-feature:hover .showcase-wrap:after{opacity:1;transform:none}
.app-grid article:before{content:"VOIR L’APPLICATION  →";position:absolute;right:24px;bottom:24px;font-size:8px;font-weight:800;letter-spacing:.14em;color:var(--cyan);opacity:0;transition:.25s ease}
.app-grid article:hover:before{opacity:1}
.project-detail-page main{position:relative;z-index:3}
.detail-hero{min-height:100vh;padding:150px 7.2vw 80px;display:grid;grid-template-columns:minmax(0,.88fr) minmax(420px,1.12fr);gap:6vw;align-items:center}
.detail-hero-copy{max-width:680px}.detail-back{display:inline-block;margin-bottom:36px;color:rgba(255,255,255,.48);text-decoration:none;font-size:10px;font-weight:800;letter-spacing:.18em}.detail-back:hover{color:var(--cyan)}
.detail-hero h1{font-size:clamp(72px,7vw,122px);line-height:.82;letter-spacing:-.065em;margin:12px 0 28px}.detail-hero h1 span{display:block;color:transparent;-webkit-text-stroke:1.25px rgba(67,213,255,.8)}
.detail-intro{font-size:clamp(22px,1.7vw,31px);line-height:1.28;margin:0 0 18px}.detail-copy{font-size:16px;line-height:1.72;color:rgba(255,255,255,.61);max-width:620px}
.detail-visual{position:relative}.detail-visual img{display:block;width:100%;max-height:660px;object-fit:contain;filter:drop-shadow(0 35px 80px rgba(29,49,160,.22))}
.detail-section{padding:100px 7.2vw;border-top:1px solid rgba(255,255,255,.055);background:rgba(2,5,11,.72)}.detail-section-inner{max-width:1180px;margin:auto}.detail-section h2{font-size:clamp(42px,4.5vw,72px);line-height:.96;letter-spacing:-.05em;margin:10px 0 22px}.detail-section h2 span{color:transparent;-webkit-text-stroke:1px rgba(67,213,255,.7)}.detail-section>div>p:not(.eyebrow){max-width:760px;color:rgba(255,255,255,.62);font-size:17px;line-height:1.7}
.feature-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:45px}.feature-cards>div{min-height:170px;padding:25px;border:1px solid rgba(67,213,255,.15);border-radius:20px;background:linear-gradient(145deg,rgba(15,14,38,.74),rgba(3,7,17,.86))}.feature-cards b{display:block;font-size:18px;margin-bottom:10px}.feature-cards span{font-size:13px;line-height:1.55;color:rgba(255,255,255,.47)}
.detail-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:40px}.detail-stats>div{padding:24px;border-top:1px solid rgba(67,213,255,.26);background:linear-gradient(180deg,rgba(67,213,255,.04),transparent)}.detail-stats strong{display:block;font-size:42px;letter-spacing:-.05em}.detail-stats span{font-size:11px;color:rgba(255,255,255,.45)}
.detail-next{padding:95px 7.2vw 110px;text-align:center;position:relative;z-index:3;background:#02050b}.detail-next p{color:var(--cyan);font-size:10px;letter-spacing:.28em;font-weight:800}.detail-next h2{font-size:clamp(42px,5vw,78px);letter-spacing:-.055em;margin:15px 0 32px}.detail-next a{display:inline-block;padding:16px 23px;border:1px solid rgba(118,84,255,.75);border-radius:14px;color:white;text-decoration:none;background:rgba(45,27,100,.22)}
.compact-app .detail-hero{grid-template-columns:1fr;max-width:1150px;margin:auto;min-height:86vh}.compact-app .detail-hero-copy{max-width:800px}.compact-app .detail-hero h1{font-size:clamp(78px,9vw,145px)}
@media(max-width:900px){.detail-hero{grid-template-columns:1fr;padding-top:125px;gap:42px}.detail-visual{max-width:760px}.feature-cards{grid-template-columns:1fr 1fr}.detail-stats{grid-template-columns:1fr 1fr}}
@media(max-width:767px){.project-feature .showcase-wrap:after{opacity:1;right:10px;bottom:10px;font-size:7px}.app-grid article:before{opacity:1}.detail-hero{min-height:auto;padding:110px 20px 70px}.detail-back{margin-bottom:28px}.detail-hero h1{font-size:17vw}.detail-intro{font-size:21px}.detail-copy{font-size:14px}.detail-section{padding:75px 20px}.detail-section h2{font-size:12vw}.detail-section>div>p:not(.eyebrow){font-size:15px}.feature-cards{grid-template-columns:1fr;margin-top:32px}.feature-cards>div{min-height:0}.detail-stats{grid-template-columns:1fr 1fr}.detail-stats strong{font-size:34px}.detail-next{padding:75px 20px 90px}.compact-app .detail-hero h1{font-size:20vw}}

/* V11 — À propos + Contact */
.about-page nav .active,.contact-page nav .active{color:var(--cyan)}
.about-hero,.contact-hero{height:88vh;min-height:720px}.about-hero .copy,.contact-hero .copy{width:min(850px,55vw)}.about-hero h1,.contact-hero h1{font-size:clamp(62px,5.65vw,104px)}
.about-story,.about-proof,.method-section,.about-position,.contact-panel,.contact-reassure{position:relative;z-index:3;padding:12vh 7.2vw;background:#02050b;border-top:1px solid rgba(255,255,255,.055)}
.about-story{display:grid;grid-template-columns:.9fr 1.1fr;gap:9vw;align-items:start;background:radial-gradient(circle at 75% 20%,rgba(96,48,220,.10),transparent 35%),#02050b}.story-title h2,.proof-head h2,.method-head h2,.about-position h2,.contact-intro h2,.contact-reassure h2{font-size:clamp(50px,5vw,88px);line-height:.92;letter-spacing:-.055em;margin:12px 0 24px}.story-title h2 span,.proof-head h2 span,.method-head h2 span,.about-position h2 span,.contact-intro h2 span,.contact-reassure h2 span{color:transparent;-webkit-text-stroke:1.1px rgba(67,213,255,.72)}
.story-copy{max-width:650px;font-size:17px;line-height:1.75;color:rgba(255,255,255,.58)}.story-copy .story-strong{font-size:23px;line-height:1.5;color:#fff;font-weight:650;margin-top:0}.story-copy p{margin:0 0 24px}
.about-proof{background:radial-gradient(circle at 50% 45%,rgba(76,48,220,.13),transparent 38%),#02050b}.proof-head{max-width:900px}.proof-head>p:not(.eyebrow),.about-position>p:not(.eyebrow){max-width:720px;font-size:17px;line-height:1.7;color:rgba(255,255,255,.58)}.proof-products{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:60px}.proof-products a{position:relative;min-height:370px;padding:18px;border:1px solid rgba(118,84,255,.18);border-radius:24px;background:linear-gradient(145deg,rgba(14,13,34,.78),rgba(3,7,17,.9));text-decoration:none;color:#fff;overflow:hidden;transition:.35s ease}.proof-products a:hover{transform:translateY(-6px);border-color:rgba(67,213,255,.3);box-shadow:0 35px 90px rgba(45,30,160,.15)}.proof-products img{width:100%;height:245px;object-fit:contain;border-radius:15px}.proof-products div{padding:17px 8px 8px}.proof-products b,.proof-products span{display:block}.proof-products b{font-size:23px}.proof-products span{margin-top:7px;font-size:12px;color:rgba(255,255,255,.45)}
.method-section{background:linear-gradient(180deg,#02050b,#050617)}.method-head{max-width:900px}.method-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:58px}.method-grid>div{min-height:245px;padding:26px;border:1px solid rgba(67,213,255,.13);border-radius:20px;background:rgba(255,255,255,.02)}.method-grid em{display:block;color:var(--cyan);font-style:normal;font-size:10px;letter-spacing:.2em;margin-bottom:65px}.method-grid b{display:block;font-size:19px;letter-spacing:.04em}.method-grid p{font-size:13px;line-height:1.6;color:rgba(255,255,255,.47)}
.about-position{min-height:70vh;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at 75% 55%,rgba(103,55,255,.12),transparent 32%),#02050b}.about-position>p:not(.eyebrow){max-width:800px}.position-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:35px}.position-tags span{padding:11px 15px;border:1px solid rgba(67,213,255,.23);border-radius:999px;font-size:9px;letter-spacing:.17em;color:rgba(255,255,255,.72)}
.about-final,.contact-final{min-height:72vh}
.contact-panel{display:grid;grid-template-columns:.92fr 1.08fr;gap:9vw;align-items:start;background:radial-gradient(circle at 78% 38%,rgba(84,48,220,.12),transparent 35%),#02050b}.contact-intro>p:not(.eyebrow){max-width:600px;font-size:16px;line-height:1.7;color:rgba(255,255,255,.58)}.contact-points{display:grid;gap:8px;margin-top:40px}.contact-points div{display:flex;gap:18px;align-items:center;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.07)}.contact-points b{font-size:10px;color:var(--cyan);letter-spacing:.18em}.contact-points span{font-size:14px;color:rgba(255,255,255,.65)}
.contact-form{padding:30px;border:1px solid rgba(118,84,255,.22);border-radius:26px;background:linear-gradient(145deg,rgba(16,14,40,.78),rgba(3,7,17,.92));box-shadow:0 35px 100px rgba(48,28,160,.12)}.contact-form label{display:block;margin-bottom:17px;font-size:10px;font-weight:750;letter-spacing:.14em;color:rgba(255,255,255,.56)}.contact-form input,.contact-form select,.contact-form textarea{width:100%;margin-top:9px;padding:15px 16px;border:1px solid rgba(255,255,255,.10);border-radius:13px;background:rgba(255,255,255,.035);color:#fff;font:inherit;font-size:14px;outline:none}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:rgba(67,213,255,.45);box-shadow:0 0 0 3px rgba(67,213,255,.05)}.contact-form select option{background:#080b16}.contact-form textarea{resize:vertical;min-height:150px}.contact-form button{width:100%;padding:16px 20px;border:1px solid rgba(118,84,255,.8);border-radius:14px;background:linear-gradient(90deg,rgba(91,54,240,.38),rgba(41,31,108,.3));color:#fff;font-weight:750;font-size:14px;cursor:pointer}.contact-form button span{float:right}.form-note{margin:13px 3px 0;font-size:10px;line-height:1.5;color:rgba(255,255,255,.32)}
.contact-reassure{background:#02050b}.contact-reassure>h2{max-width:900px}.reassure-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:55px}.reassure-grid>div{padding:27px;border-top:1px solid rgba(67,213,255,.25);background:linear-gradient(180deg,rgba(67,213,255,.035),transparent)}.reassure-grid b{font-size:17px}.reassure-grid p{font-size:13px;line-height:1.6;color:rgba(255,255,255,.46)}
@media(max-width:900px){.about-story,.contact-panel{grid-template-columns:1fr;gap:50px}.proof-products{grid-template-columns:1fr 1fr}.method-grid{grid-template-columns:1fr 1fr}.reassure-grid{grid-template-columns:1fr 1fr}}
@media(max-width:767px){.about-hero,.contact-hero{height:760px;min-height:0;padding-top:90px}.about-hero .copy,.contact-hero .copy{width:100%;margin-top:45px}.about-hero h1,.contact-hero h1{font-size:12.5vw}.about-story,.about-proof,.method-section,.about-position,.contact-panel,.contact-reassure{padding:88px 20px}.story-title h2,.proof-head h2,.method-head h2,.about-position h2,.contact-intro h2,.contact-reassure h2{font-size:12vw}.story-copy,.proof-head>p:not(.eyebrow),.about-position>p:not(.eyebrow){font-size:15px}.story-copy .story-strong{font-size:20px}.proof-products{grid-template-columns:1fr;margin-top:40px}.proof-products a{min-height:0}.proof-products img{height:auto;max-height:310px}.method-grid{grid-template-columns:1fr}.method-grid>div{min-height:0}.method-grid em{margin-bottom:34px}.about-position{min-height:0}.contact-form{padding:20px}.reassure-grid{grid-template-columns:1fr}.about-final,.contact-final{min-height:650px}}


/* V12 — finition apps + footer */
.compact-app .detail-hero h1.app-name{font-size:clamp(70px,8.2vw,132px);line-height:.9;white-space:nowrap;letter-spacing:-.065em;color:var(--white);-webkit-text-stroke:0;margin:12px 0 28px}
.app-product-visual{position:relative;z-index:2;padding:20px 7.2vw 100px;background:#02050b}
.app-product-frame{max-width:1180px;margin:0 auto;padding:18px;border:1px solid rgba(118,84,255,.22);border-radius:28px;background:linear-gradient(145deg,rgba(17,15,42,.82),rgba(3,7,17,.94));box-shadow:0 35px 110px rgba(63,38,190,.14);overflow:hidden}
.app-product-frame img{display:block;width:100%;max-height:620px;object-fit:contain;border-radius:18px;background:#03050b}
.app-product-frame p{margin:15px 5px 2px;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.38)}
.site-footer{position:relative;z-index:10;padding:72px 7.2vw 34px;border-top:1px solid rgba(255,255,255,.07);background:linear-gradient(180deg,#02050b,#04040c);text-align:center}
.footer-brand{display:inline-flex;justify-content:center;align-items:center;text-decoration:none}
.footer-brand img{display:block;width:220px;max-width:68vw;height:auto;margin:0 auto}
.footer-nav,.footer-legal{display:flex;justify-content:center;align-items:center;flex-wrap:wrap}
.footer-nav{gap:30px;margin-top:34px}.footer-legal{gap:24px;margin-top:22px}
.footer-nav a,.footer-legal a{color:rgba(255,255,255,.66);text-decoration:none;transition:.25s ease}.footer-nav a{font-size:12px;font-weight:700}.footer-legal a{font-size:10px;color:rgba(255,255,255,.4)}
.footer-nav a:hover,.footer-legal a:hover{color:var(--cyan)}
.footer-copy{margin:30px 0 0;font-size:9px;letter-spacing:.12em;color:rgba(255,255,255,.24)}
@media(max-width:767px){.compact-app .detail-hero h1.app-name{font-size:clamp(48px,16vw,72px);white-space:nowrap;letter-spacing:-.055em}.app-product-visual{padding:0 20px 72px}.app-product-frame{padding:10px;border-radius:20px}.app-product-frame img{border-radius:13px}.app-product-frame p{font-size:8px;line-height:1.5}.site-footer{padding:58px 20px 28px}.footer-brand img{width:190px}.footer-nav{gap:20px;margin-top:28px}.footer-legal{gap:14px 20px}.footer-nav a{font-size:11px}.footer-legal a{font-size:9px}}
@media(max-width:390px){.compact-app .detail-hero h1.app-name{font-size:15vw}}

/* V13 — logo officiel + pages légales V2 */
.brand-logo.brand-logo-official{display:flex!important;align-items:center!important;width:auto!important;max-width:none!important;gap:0!important;transform-origin:left center}
.brand-logo.brand-logo-official>img{display:block!important;width:205px!important;height:auto!important;max-height:58px!important;object-fit:contain!important;transform:none!important;filter:none!important}
.footer-brand img{width:205px!important;height:auto!important;max-width:70vw!important;filter:none!important}
.legal-v2{background:#02050b;color:#f6f7ff;min-height:100vh}
.legal-v2 #webgl{opacity:.38}
.legal-main{position:relative;z-index:4;padding:170px 7.2vw 90px;max-width:1320px;margin:0 auto}
.legal-hero{max-width:980px;padding-bottom:70px}
.legal-hero h1{font-size:clamp(56px,7vw,104px);line-height:.94;letter-spacing:-.065em;margin:22px 0 24px;max-width:1100px}
.legal-meta{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.42);margin-bottom:34px}
.legal-lead{max-width:820px;font-size:clamp(18px,1.7vw,25px);line-height:1.55;color:rgba(255,255,255,.78);padding:26px 28px;border:1px solid rgba(72,220,255,.16);border-radius:20px;background:linear-gradient(135deg,rgba(17,28,49,.72),rgba(26,14,56,.42));box-shadow:inset 0 1px rgba(255,255,255,.04)}
.legal-content{max-width:900px;margin-left:auto;border-left:1px solid rgba(255,255,255,.08);padding-left:64px}
.legal-section{padding:0 0 56px}
.legal-section h2{font-size:clamp(24px,2.3vw,36px);line-height:1.12;letter-spacing:-.035em;margin:0 0 22px;color:#fff}
.legal-section h2:before{content:'';display:inline-block;width:18px;height:2px;background:var(--cyan);vertical-align:middle;margin:0 14px 6px 0;box-shadow:0 0 16px rgba(65,220,255,.5)}
.legal-section p{font-size:15px;line-height:1.9;color:rgba(255,255,255,.62);margin:0 0 16px}
.legal-section a{color:var(--cyan);text-decoration:none;border-bottom:1px solid rgba(65,220,255,.25)}
@media(max-width:767px){.brand-logo.brand-logo-official>img{width:158px!important;max-height:46px!important}.legal-main{padding:125px 20px 60px}.legal-hero{padding-bottom:46px}.legal-hero h1{font-size:clamp(42px,13vw,64px);letter-spacing:-.055em}.legal-lead{font-size:16px;padding:20px;border-radius:16px}.legal-content{margin-left:0;padding-left:0;border-left:0}.legal-section{padding-bottom:42px}.legal-section h2{font-size:24px}.legal-section p{font-size:14px;line-height:1.75}.footer-brand img{width:180px!important}}

/* V14 — footer : symbole Lloyd seul */
.site-footer .footer-brand img{width:132px!important;max-width:none!important;height:154px!important;object-fit:contain!important;object-position:center!important;filter:drop-shadow(0 0 18px rgba(90,85,255,.28))!important}
@media(max-width:767px){.site-footer .footer-brand img{width:104px!important;height:122px!important}}

/* V15 — correction optique du branding, sans redesign */
/* Header : le logo officiel doit être réellement lisible, pas un micro-logo. */
.brand-logo.brand-logo-official>img{
  width:280px!important;
  max-height:82px!important;
  height:auto!important;
  object-fit:contain!important;
}
/* Footer : symbole seul, PNG transparent, sans carré noir ni wordmark. */
.site-footer .footer-brand img{
  width:112px!important;
  height:112px!important;
  max-width:none!important;
  object-fit:contain!important;
  filter:drop-shadow(0 0 22px rgba(91,80,255,.38))!important;
}
.site-footer .footer-brand{min-width:112px;min-height:112px}
@media(max-width:767px){
  .brand-logo.brand-logo-official>img{width:210px!important;max-height:64px!important}
  .site-footer .footer-brand img{width:92px!important;height:92px!important}
  .site-footer .footer-brand{min-width:92px;min-height:92px}
}