/* Bureau 3D construit en CSS, sans image : écran, matériel et papeterie. */
body{position:relative;isolation:isolate;background:#fff}body:before,body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:0}body:before{opacity:.72;background-image:radial-gradient(circle,#c4985f 0 1px,transparent 1.7px),radial-gradient(circle,#d1ad7b 0 1.3px,transparent 2px),radial-gradient(circle,#b9894e 0 1px,transparent 1.8px);background-size:167px 193px,289px 247px,401px 369px;background-position:19px 53px,132px 81px,255px 15px;animation:star-drift 26s linear infinite}body:after{opacity:.23;background:radial-gradient(circle at 15% 18%,#f5eadb 0 1px,transparent 27%),radial-gradient(circle at 84% 76%,#f7e9d5 0 1px,transparent 25%);animation:halo-drift 17s ease-in-out infinite alternate}body>header,body>main,body>footer{position:relative;z-index:1}.proofs,.intro-band,.method{background:transparent!important}@keyframes star-drift{to{background-position:186px 246px,-157px 328px,656px 384px}}@keyframes halo-drift{to{transform:scale(1.12) translate(-2%,1%)}}
.hero{grid-template-columns:43% 57%;overflow:hidden}.hero-image{display:none}.desk-3d{min-height:590px;position:relative;overflow:hidden;perspective:1100px;background:radial-gradient(circle at 53% 47%,#fffdfa 0 15%,#fbf5ec 58%,transparent 74%)}.desk-glow{position:absolute;width:470px;height:470px;left:48%;top:44%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,#fff 0,#f9eeda 42%,#f2ddbd4f 65%,transparent 70%);animation:desk-float 8s ease-in-out infinite}.desk-plane{position:absolute;left:-4%;right:-3%;bottom:45px;height:160px;background:linear-gradient(135deg,#f8ecdc,#ead4b5);border-radius:50% 50% 7px 7px;transform:rotateX(62deg) rotateZ(-5deg);transform-origin:center bottom;box-shadow:0 33px 45px #b38d5b2b}.monitor{position:absolute;z-index:4;left:50%;top:97px;width:355px;height:318px;transform:translateX(-42%) rotateY(-10deg) rotateX(3deg);transform-style:preserve-3d;filter:drop-shadow(25px 24px 16px #835d3728);animation:desk-float 7s -2s ease-in-out infinite}.monitor-screen{height:220px;padding:9px;background:linear-gradient(135deg,#fffdf9,#d9c3a6);border-radius:17px;box-shadow:inset 2px 2px 2px #fff,inset -6px -6px 13px #92714a6b}.screen-top{height:20px;border-radius:8px 8px 4px 4px;background:#f3e9dc;padding:7px}.screen-top i{display:inline-block;width:4px;height:4px;margin-right:3px;border-radius:50%;background:#c5a17c}.screen-layout{height:182px;display:flex;overflow:hidden;background:#fffcf7;border-radius:3px 3px 8px 8px}.screen-layout aside{width:47px;padding:12px;background:#f8f0e5}.screen-layout aside b{display:block;width:20px;height:20px;border-radius:6px;background:#be9260;margin-bottom:20px}.screen-layout aside i{display:block;width:18px;height:3px;border-radius:4px;background:#dfc9ad;margin:12px 0}.screen-layout main{padding:15px 17px}.screen-layout p{font-size:7px;letter-spacing:.08em;color:#9b754f;margin:0}.screen-layout strong{display:block;font:26px/.95 'Cormorant Garamond',serif;color:#4e3727;margin-top:9px}.screen-layout em{font-weight:500;color:#bb8b55}.screen-layout main div{display:flex;gap:7px;margin-top:17px}.screen-layout main span{display:block;width:49px;height:32px;border-radius:5px;background:#f3e6d5}.screen-layout main span:nth-child(2){background:#ede1cf}.monitor-neck{width:44px;height:48px;margin:auto;background:linear-gradient(90deg,#b79570,#fff4e3 48%,#a77e5a);transform:perspective(60px) rotateX(-10deg)}.monitor-foot{width:150px;height:22px;margin:-3px auto;background:linear-gradient(90deg,#a7835f,#fff4e5 50%,#a98360);clip-path:polygon(28% 0,72% 0,100% 100%,0 100%);border-radius:50%}.keyboard{position:absolute;z-index:5;left:46%;bottom:113px;width:285px;height:65px;transform:translateX(-50%) rotateX(67deg) rotateZ(-6deg);border-radius:7px;background:#e5caa9;box-shadow:0 15px 20px #8d683b3d;padding:7px;display:grid;grid-template-columns:repeat(10,1fr);gap:3px}.keyboard i{background:#fffaf2;border-radius:2px;box-shadow:inset 0 -1px #d6ba96}.mouse{position:absolute;z-index:5;left:69%;bottom:103px;width:43px;height:61px;border-radius:50% 50% 46% 46%;background:#fff9ef;transform:rotateX(56deg) rotateZ(-6deg);box-shadow:8px 12px 13px #8b64353b}.mouse:before{content:"";position:absolute;left:50%;top:8px;width:1px;height:23px;background:#d0ad80}.notebook{position:absolute;z-index:4;left:15%;bottom:107px;width:160px;height:102px;border-radius:4px;background:linear-gradient(135deg,#f8eee1,#fffdf8);transform:rotateZ(-11deg) rotateX(15deg);box-shadow:13px 18px 19px #8f693d2b;padding:17px 21px}.notebook i{display:block;height:2px;background:#dfc29f;margin:9px 0;border-radius:3px}.notebook i:nth-child(2),.notebook i:nth-child(4){width:73%}.pen{position:absolute;z-index:5;left:21%;bottom:138px;width:135px;height:6px;border-radius:9px;background:linear-gradient(90deg,#bd8a47,#f3d18b,#a87b44);transform:rotateZ(-12deg);box-shadow:4px 6px 5px #744e2730}.paper{position:absolute;z-index:2;width:125px;height:90px;background:#fffaf3;border:1px solid #f3e7d8;box-shadow:8px 14px 18px #8b633430}.paper-one{left:17%;top:85px;transform:rotateZ(-18deg) rotateX(42deg);animation:paper-drift 7s ease-in-out infinite}.paper-two{right:10%;top:70px;transform:rotateZ(17deg) rotateX(40deg);animation:paper-drift 8s -4s ease-in-out infinite}.cup{position:absolute;z-index:5;right:15%;bottom:124px;width:61px;height:50px;border-radius:7px 7px 17px 17px;background:#f7ead9;transform:rotateX(13deg) rotateZ(5deg);box-shadow:8px 12px 15px #8662382a}.cup:after{content:"";position:absolute;right:-20px;top:12px;width:22px;height:22px;border:7px solid #f7ead9;border-left:0;border-radius:0 17px 17px 0}.cup i{display:block;width:49px;height:11px;margin:4px auto;background:#c59b6c;border-radius:50%;box-shadow:inset 0 2px #835c38}.vase{position:absolute;z-index:3;right:9%;top:116px;width:61px;height:88px;border-radius:46% 46% 36% 36%;background:linear-gradient(90deg,#e8d1b4,#fff5e5,#d8b78e);transform:rotateZ(5deg);box-shadow:10px 17px 20px #8b623725}.vase:before{content:"";position:absolute;left:22px;top:-62px;width:4px;height:70px;background:#b98f58;transform:rotate(14deg);transform-origin:bottom}.vase i{position:absolute;width:31px;height:13px;border-radius:100% 0 100% 0;background:#d6b884;top:-42px;left:17px;transform:rotate(-22deg)}.vase i:nth-child(2){top:-57px;left:30px;transform:rotate(26deg)}.vase i:nth-child(3){top:-25px;left:27px;transform:rotate(27deg)}@keyframes desk-float{50%{translate:0 -9px}}@keyframes paper-drift{50%{translate:0 -14px;rotate:2deg}}@media(max-width:850px){.desk-3d{min-height:410px;order:1}.hero-copy{order:2}.monitor{scale:.8;transform:translateX(-42%) rotateY(-10deg) rotateX(3deg);transform-origin:top}.keyboard{scale:.8;transform-origin:left bottom}.notebook{scale:.8;transform-origin:left bottom}.vase{scale:.8;transform-origin:bottom}.paper{scale:.8}}@media(max-width:430px){.desk-3d{min-height:340px}.monitor{left:57%;top:52px;scale:.65}.keyboard{bottom:62px;scale:.57}.notebook{left:5%;bottom:56px;scale:.62}.cup{right:12%;bottom:66px;scale:.63}.vase{top:72px;right:5%;scale:.58}.paper{display:none}}@media(prefers-reduced-motion:reduce){body:before,body:after,.desk-glow,.monitor,.paper{animation:none!important}}