@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600;700&family=Playfair+Display:ital,wght@0,600;1,600&display=swap");:root{--bg:#041319;--pet:#092832;--iv:#f4efe5;--champ:#d8b47a;--blue:#63cfde;--mut:#9eb1b4}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--iv);font-family:"DM Sans",sans-serif;line-height:1.55}a{color:inherit}.intro{position:fixed;inset:0;z-index:999;background:radial-gradient(circle,#123b46,#031116 50%);display:flex;flex-direction:column;align-items:center;justify-content:center;transition:.8s}.intro.hide{opacity:0;visibility:hidden}.intro-logo{font:italic 700 120px "Playfair Display";color:var(--champ);position:relative}.orb{position:absolute;width:150px;height:60px;border:1px solid var(--champ);border-radius:50%;top:60px;left:-20px;transform:rotate(-22deg)}.intro-points{display:flex;gap:20px;color:var(--blue);font-size:9px;letter-spacing:2px}.intro h3{letter-spacing:6px}.intro h3 b{color:var(--champ)}.intro button{border:1px solid var(--champ);border-radius:99px;background:transparent;color:white;padding:13px 22px;letter-spacing:2px;cursor:pointer}header{height:72px;position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;background:#041319e8;backdrop-filter:blur(15px);border-bottom:1px solid #d8b47a22}.brand{text-decoration:none;letter-spacing:3px;font-size:12px}.brand i{font:italic 700 30px "Playfair Display";color:var(--champ)}.brand b{color:var(--champ)}nav{display:flex;gap:24px}nav a{text-decoration:none;font-size:12px;color:#c1cecf}.pill{font-size:11px;text-decoration:none;border:1px solid var(--champ);padding:8px 14px;border-radius:99px}.hero{min-height:calc(100vh - 72px);position:relative;display:flex;align-items:center;padding:70px 7vw;background:radial-gradient(circle at 78% 45%,#12506088,transparent 30%),linear-gradient(135deg,#031116,#082831 75%,#031116);overflow:hidden}.heroText{max-width:780px;z-index:2}.hero small,.title small,.diag small,.contact>small,.impact small{letter-spacing:4px;color:var(--champ);font-weight:700}.hero h1,.title h2,.impact h2,.diag h2,.contact h2{font:600 clamp(44px,6vw,88px)/1.02 "Playfair Display";margin:15px 0 25px}.hero h1 em,.impact em{color:var(--champ)}.switch{letter-spacing:2px}.switch b{color:var(--blue)}.heroText h2{font-size:clamp(26px,3vw,40px)}.heroText h2 strong{color:var(--champ)}.heroText>p:last-of-type{max-width:600px;color:var(--mut)}.btn{display:inline-block;border:0;border-radius:99px;background:linear-gradient(90deg,var(--champ),#efd3a2);color:#07161b;text-decoration:none;padding:13px 22px;font-weight:700;margin:8px 7px 0 0;cursor:pointer}.outline{background:transparent;color:white;border:1px solid #d8b47a88}.heroA{position:absolute;right:6vw;width:480px;height:480px;display:grid;place-items:center}.heroA>div,.center{font:italic 700 110px "Playfair Display";color:var(--champ)}.ring{position:absolute;border:1px solid #d8b47a55;border-radius:50%}.r1{width:410px;height:140px;transform:rotate(-20deg)}.r2{width:260px;height:450px;transform:rotate(25deg)}.p{position:absolute;color:var(--blue);font-size:9px;letter-spacing:2px}.p1{left:5%;top:35%}.p2{right:3%;top:30%}.p3{right:18%;bottom:14%}.p4{left:18%;bottom:12%}.down{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);font-size:9px;letter-spacing:3px;text-decoration:none}.section{max-width:1300px;margin:auto;padding:105px 6vw}.title{max-width:800px;margin-bottom:42px}.title h2{font-size:clamp(40px,5vw,66px)}.title p,.centerText{color:var(--mut)}.paths,.grid,.works,.method{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.paths>a,.grid article{border:1px solid #d8b47a22;border-radius:20px;padding:30px;background:linear-gradient(145deg,#0a2c35,#06191f);text-decoration:none;transition:.3s}.paths>a{min-height:330px;display:flex;flex-direction:column}.paths>a:hover{transform:translateY(-7px);border-color:var(--champ)}.paths b,.paths strong,.grid b,.works small,.method b{color:var(--champ)}.paths h3{font-size:28px;margin:auto 0 10px}.paths p,.grid p,.works p,.method p{color:var(--mut)}.impact{text-align:center;padding:120px 7vw;background:#f1ece2;color:#0a262e}.impact h2{font-size:clamp(55px,7vw,90px)}.impact p{max-width:750px;margin:auto;color:#4e6569}.sky{height:520px;border:1px solid #d8b47a22;border-radius:28px;position:relative;background:radial-gradient(circle,#13505c55,transparent 35%),#061a21;overflow:hidden}.center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.sky button{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);z-index:3;border:1px solid #63cfde88;border-radius:99px;background:#08232b;color:#d8f3f5;padding:10px 15px;letter-spacing:2px;font-size:9px;cursor:pointer}.line{position:absolute;left:50%;top:50%;width:75%;height:1px;background:#d8b47a33;transform-origin:left}.l1{transform:rotate(22deg)}.l2{transform:rotate(-25deg)}.skyInfo{text-align:center;color:var(--champ)}.grid{grid-template-columns:repeat(3,1fr)}.grid article{min-height:205px}.centerText{text-align:center;margin-top:40px}.centerText strong{color:var(--champ)}.diag{max-width:none;padding:110px 8vw;background:linear-gradient(135deg,#0b313b,#04151b);display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:center}.diag h2{font-size:clamp(40px,5vw,65px)}.diagCard{min-height:450px;padding:35px;border:1px solid #d8b47a33;border-radius:24px;background:#031318aa}.progress{height:4px;background:#15373e}.progress i{display:block;width:20%;height:100%;background:linear-gradient(90deg,var(--blue),var(--champ));transition:.3s}#counter{display:block;margin:18px 0}#question h3{font-size:27px;margin-top:35px}#choices{display:grid;gap:10px}.choice{padding:14px;border-radius:11px;border:1px solid #28505a;background:#0a2931;color:white;text-align:left;cursor:pointer}.choice:hover{border-color:var(--champ)}.hidden{display:none}#result{text-align:center;padding-top:30px}#result h3{font:600 34px "Playfair Display";color:var(--champ)}.compare{display:grid;grid-template-columns:1fr 1fr;border-radius:22px;overflow:hidden;border:1px solid #d8b47a22}.compare>div{padding:32px;min-height:370px}.old{background:#e6e6e2;color:#30393b}.new{background:radial-gradient(circle,#164d58,#061a20)}.mock{height:210px;background:#c8cbc7;padding:25px;margin-top:25px}.mock i{display:block;height:18px;background:#a5aaa8;margin:18px}.newMock{height:210px;border:1px solid #d8b47a33;margin-top:25px;display:flex;flex-direction:column;align-items:center;justify-content:center}.newMock b{font:italic 700 60px "Playfair Display";color:var(--champ)}.newMock span{letter-spacing:4px}.newMock button{margin-top:18px;border:1px solid var(--champ);border-radius:99px;background:transparent;color:white;padding:7px 14px}.works article{overflow:hidden;border:1px solid #d8b47a22;border-radius:18px;background:#061a20}.works article>div{height:230px;display:grid;place-items:center;background:radial-gradient(circle,#164a55,#071a20);font:italic 700 65px "Playfair Display";color:var(--champ)}.works h3,.works p,.works small{margin-left:22px;margin-right:22px}.works small{display:block;margin-top:18px}.method{grid-template-columns:repeat(4,1fr);gap:1px;background:#d8b47a33}.method>div{background:var(--bg);padding:28px}.method b{font-size:34px}.faq details{border-bottom:1px solid #d8b47a33;padding:18px 4px}.faq summary{font-size:18px;cursor:pointer}.faq details p{color:var(--mut)}.contact{text-align:center;padding:115px 7vw;background:radial-gradient(circle at 50% 0,#164752,#04151b 45%)}.contact h2{font-size:clamp(46px,6vw,75px)}.contact>p{color:var(--mut)}form{max-width:800px;margin:30px auto 0;display:grid;gap:12px}form>div{display:grid;grid-template-columns:1fr 1fr;gap:12px}input,select,textarea{width:100%;padding:15px;border:1px solid #28505a;border-radius:11px;background:#071e25;color:white;font:inherit}.float{position:fixed;right:20px;bottom:20px;z-index:40;background:var(--champ);color:#06161b;text-decoration:none;padding:11px 17px;border-radius:99px;font-size:12px;font-weight:700}footer{padding:40px 6vw;display:flex;justify-content:space-between;gap:25px;align-items:center;border-top:1px solid #d8b47a22;color:var(--mut);font-size:11px}footer div b{display:block;color:var(--champ);font-size:18px}footer div span{display:block}.reveal{opacity:0;transform:translateY(20px);transition:.7s}.reveal.visible{opacity:1;transform:none}@media(max-width:900px){nav{display:none}.pill{display:none}.heroA{opacity:.22;right:-200px}.paths,.grid,.works{grid-template-columns:1fr}.diag{grid-template-columns:1fr}.method{grid-template-columns:1fr 1fr}.compare{grid-template-columns:1fr}.sky{height:420px}}@media(max-width:600px){.section,.diag,.contact{padding:75px 20px}.hero{padding:65px 20px}.hero h1{font-size:48px}.heroA{display:none}.method,form>div{grid-template-columns:1fr}.float{font-size:0}.float:after{content:"✦";font-size:20px}.sky button{font-size:7px;padding:8px}.intro-points{gap:7px}footer{flex-direction:column;align-items:flex-start}}
.memory-hook{text-align:center;padding:100px 7vw;background:linear-gradient(180deg,#071b22,#0a2a33);border-block:1px solid #d8b47a22}.memory-hook span,.builder small,.final-sky small{font-size:10px;letter-spacing:4px;color:var(--champ);font-weight:700}.memory-hook h2,.builder h2,.final-sky h2{font:600 clamp(40px,5.5vw,72px)/1.08 "Playfair Display";margin:18px auto;max-width:1000px}.memory-hook em,.final-sky em{color:var(--champ)}.memory-hook p,.builder>div>p,.final-sky p{color:var(--mut);max-width:720px;margin-inline:auto}.whygrid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.whygrid article{padding:32px;border:1px solid #d8b47a22;border-radius:20px;background:linear-gradient(145deg,#08252d,#06181e);transition:.3s}.whygrid article:hover{transform:translateY(-6px);border-color:#d8b47a66}.whygrid b{color:var(--blue)}.whygrid p{color:var(--mut)}.builder{max-width:1300px;margin:20px auto 100px;padding:60px 6vw;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;border-block:1px solid #d8b47a22}.builder h2{margin-left:0}.builderChoices{display:flex;flex-wrap:wrap;gap:9px;margin:28px 0}.builderChoices button{border:1px solid #31525a;background:#071d24;color:#dce7e7;border-radius:99px;padding:10px 15px;cursor:pointer;transition:.25s}.builderChoices button.active{background:var(--champ);color:#07161b;border-color:var(--champ);transform:translateY(-2px)}.miniUniverse{height:400px;position:relative;display:grid;place-items:center;background:radial-gradient(circle,#15505d55,transparent 55%)}.miniCore{z-index:2;font:italic 700 95px "Playfair Display";color:var(--champ)}.pulse{position:absolute;width:180px;height:180px;border:1px solid #63cfde44;border-radius:50%;animation:pulse 2.5s infinite}@keyframes pulse{50%{transform:scale(1.35);opacity:.25}}#nodes span{position:absolute;left:50%;top:50%;font-size:9px;letter-spacing:2px;color:var(--blue);border:1px solid #63cfde55;background:#061a21;padding:7px 10px;border-radius:99px}.n0{transform:translate(-200px,-110px)}.n1{transform:translate(90px,-125px)}.n2{transform:translate(120px,65px)}.n3{transform:translate(-180px,95px)}.n4{transform:translate(-35px,155px)}.final-sky{text-align:center;padding:120px 7vw 100px;background:radial-gradient(circle at 50% 35%,#164d5855,transparent 30%)}.finalOrbit{width:160px;height:120px;margin:auto;position:relative;display:grid;place-items:center}.finalOrbit b{font:italic 700 70px "Playfair Display";color:var(--champ)}.finalOrbit span{position:absolute;width:150px;height:50px;border:1px solid #d8b47a77;border-radius:50%;transform:rotate(-20deg)}.finalOrbit span:nth-child(2){transform:rotate(35deg);border-color:#63cfde55}@media(max-width:900px){.whygrid,.builder{grid-template-columns:1fr}.miniUniverse{height:340px}}
/* ART CIEL DIGITAL — enrichissement V4, sans remplacer le style original */
header nav{flex-wrap:wrap;justify-content:center;gap:10px 18px}.works-v4 .work-v4{background:linear-gradient(145deg,#0a2c35,#06191f);border:1px solid #d8b47a33;border-radius:22px;padding:28px;display:flex;flex-direction:column;min-height:370px}.work-symbol{font-size:46px!important;margin-bottom:12px}.work-v4 h3{font-size:25px;margin:10px 0}.domain-note{font-size:12px;color:#c4d3d3!important;border-left:2px solid var(--champ);padding-left:12px;margin-top:auto}.work-link{color:var(--champ);text-decoration:none;font-weight:700;margin-top:10px}.work-link.secondary{color:var(--blue);font-size:12px}.estimator-layout{display:grid;grid-template-columns:1.3fr 1fr;gap:25px}.estimator-controls fieldset{border:1px solid #d8b47a33;border-radius:20px;margin:0 0 18px;padding:22px}.estimator-controls legend{color:var(--champ);font-weight:700;padding:0 10px}.estimator-controls label{display:flex;align-items:center;gap:10px;padding:12px 6px;border-bottom:1px solid #ffffff15;cursor:pointer}.estimator-controls label span{margin-left:auto;color:var(--champ);font-size:12px;text-align:right}.estimator-controls input{accent-color:#d8b47a}.estimate-summary{align-self:start;position:sticky;top:95px;background:linear-gradient(140deg,#103641,#071b22);border:1px solid #d8b47a77;border-radius:24px;padding:32px}.estimate-summary small{color:var(--champ);letter-spacing:3px}.estimate-summary h3{font:600 clamp(29px,3vw,44px) 'Playfair Display';color:var(--champ);margin:18px 0 5px}.estimate-disclaimer{color:var(--mut);font-size:12px}.app-section .grid{grid-template-columns:repeat(2,minmax(0,1fr))}.app-section .grid article{min-height:205px}@media(max-width:900px){header{height:auto;min-height:72px;gap:12px;flex-wrap:wrap;padding:12px 4vw}header nav{order:3;width:100%;overflow-x:auto;flex-wrap:nowrap;justify-content:flex-start;padding-bottom:5px}header nav a{white-space:nowrap}.estimator-layout{grid-template-columns:1fr}.estimate-summary{position:static}.works-v4{grid-template-columns:1fr}.app-section .grid{grid-template-columns:1fr}}@media(max-width:480px){.estimator-controls label{flex-wrap:wrap}.estimator-controls label span{margin-left:24px}.estimate-summary{padding:22px}}
