/* Direction artistique KLEIA — styles communs aux six pages. */
:root{--navy:#071a31;--blue:#2259e8;--yellow:#ffe165;--ink:#122b48;--muted:#617087;--line:#e0e6ef;--paper:#f5f7fb}body{font-family:'Segoe UI',Arial,sans-serif;-webkit-font-smoothing:antialiased}::selection{background:#ffe165;color:#071a31}.wrap{width:min(1280px,89%)}header{position:relative;z-index:20;background:#071a31}.nav{min-height:96px}.brand{font-size:30px;letter-spacing:5px}.mark{display:none}.brand:after{content:'';width:6px;height:6px;background:var(--yellow);border-radius:50%;margin-left:-6px;margin-top:18px}.btn{border-radius:8px;padding:16px 24px;font-size:14px;transition:background .2s,transform .2s,box-shadow .2s}.btn:hover{background:#ffeb91;transform:translateY(-2px);box-shadow:0 8px 24px #0002}.btn.blue:hover{background:#1544bd}.btn.outline:hover{background:#ffffff12}.nav nav{gap:36px}.nav nav a{font-size:13px;font-weight:600}.nav nav .btn{padding:13px 21px}.hero{position:relative;padding:85px 0 94px;background:radial-gradient(ellipse at 82% 30%,#173c72 0,transparent 48%),#071a31}.hero:before{content:'';position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(#ffffff03 1px,transparent 1px),linear-gradient(90deg,#ffffff03 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to right,transparent,#000)}.hero-grid{position:relative;grid-template-columns:1.05fr 1fr;gap:65px}.eyebrow{font-size:10px;letter-spacing:2.2px;margin-bottom:24px;display:flex;align-items:center;gap:12px}.eyebrow:before{content:'';width:22px;height:2px;background:currentColor;flex-shrink:0}.hero .eyebrow{font-size:10px;border:1px solid #ffffff25;width:fit-content;padding:8px 13px;border-radius:30px;color:#e4eaf6}.hero .eyebrow:before{width:6px;height:6px;border-radius:50%;background:var(--yellow)}h1{font-size:clamp(46px,4.7vw,72px);font-weight:650;letter-spacing:-3.7px;line-height:1.06;margin-bottom:29px}h1 em{position:relative}.lead{font-size:17px;line-height:1.8}.hero .lead{font-size:16px;max-width:480px;color:#b7c7dc}.actions{gap:12px;margin-top:32px}.hero .micro{font-size:11px;letter-spacing:.1px;margin-top:25px}.workspace{transform:none;background:#f5f7fb;border-radius:12px;border:6px solid #ffffff12;box-shadow:0 32px 90px #0005;overflow:visible;position:relative;background-clip:padding-box;margin-top:12px}.workspace:after{content:'✓  L’expert garde la main';position:absolute;bottom:-25px;right:15px;background:#fff;color:#1b3a50;font-size:11px;font-weight:600;box-shadow:0 10px 35px #0002;padding:15px 22px;border-radius:9px;border:1px solid #dde5ef}.appbar{border-radius:7px 7px 0 0;font-size:9px;padding:16px;background:#fff}.appbar b{color:#1c4bc0;letter-spacing:.8px}.appbar span{color:#738094}.appbody{grid-template-columns:105px 1fr;min-height:365px;border-radius:0 0 7px 7px;overflow:hidden}.sidebar{background:#eef2f8;border-right:1px solid #e2e7ef;font-size:9px;padding:25px 12px;line-height:1.8;letter-spacing:.2px}.sidebar b{margin-left:-6px;margin-right:-6px;padding:8px 6px;border-radius:5px;background:#dfe8fc;margin-top:20px;margin-bottom:20px}.screen{padding:25px 23px;background:linear-gradient(#f9fafe,#f0f4fa)}.screen h3{font-size:23px;margin:15px 0 8px;letter-spacing:-.6px}.screen .micro{font-size:10px;color:#718094;margin:0}.pill{font-size:9px;border:1px solid #d6e2fd;padding:5px 9px}.metrics{gap:9px;margin:22px 0}.metric{border-radius:6px;font-size:9px;padding:12px;border:1px solid #e2e7ef;box-shadow:0 3px 5px #13274503;color:#6c7e94}.metric strong{font-size:26px;color:#1d3552;font-weight:600;margin-bottom:3px}.metric:nth-child(2) strong{color:#ab7616}.risk{border-radius:5px;border:1px solid #e5dfca;border-left:3px solid #e6bd4a;background:#fffdf5;padding:14px;font-size:10px;line-height:1.8}.risk b{font-size:11px}.source{font-size:9px}.screen>.micro:last-child{margin-top:15px}.visual-caption{font-size:9px;letter-spacing:.4px;margin-top:46px;color:#8298b6}.sector{padding:28px 0;color:#6a7b91;font-size:12px;align-items:center}.sector span{font-size:9px;letter-spacing:1.6px;max-width:125px}.sector b{font-weight:600;color:#586b84}.sector b+ b{padding-left:30px;border-left:1px solid #dde4ed}section{padding:100px 0}h2{font-size:clamp(34px,3.2vw,48px);line-height:1.15;font-weight:600;letter-spacing:-1.8px}h3{font-size:23px;font-weight:600;letter-spacing:-.6px}.intro{margin-bottom:47px}.intro p{font-size:15px;line-height:1.8}.three{gap:22px}.card{padding:34px;border-radius:13px;background:#fff;border:1px solid #e1e7f0;box-shadow:0 6px 20px #122b4803;position:relative;overflow:hidden}.card p{font-size:14px;line-height:1.85;margin-bottom:0}.card .num{font-size:10px;letter-spacing:1.3px;color:#74849a;margin-bottom:37px}.card .num:before{content:'↗';display:flex;align-items:center;justify-content:center;background:#edf2ff;color:#285ce6;width:42px;height:42px;border-radius:11px;font-size:22px;margin-bottom:27px;letter-spacing:0}.three .card:nth-child(2) .num:before{content:'◎';background:#eaf1f5;color:#1e506f}.three .card:nth-child(3) .num:before{content:'✦';background:#fff7d9;color:#9a7815}.card h3{max-width:250px;margin-bottom:18px}.light{background:#f3f6fb;border-top:1px solid #e6ecf4;border-bottom:1px solid #e6ecf4}.light>.wrap>p:not(.eyebrow){max-width:700px;font-size:14px;color:var(--muted)}.steps{gap:0;margin:37px 0 0;border-bottom:1px solid #d7e0ed}.step{padding:20px 24px;border:0;border-bottom:3px solid transparent;border-radius:0;background:none;font-size:13px;color:#6c7b8f;flex:1;text-align:left;font-weight:600}.step[aria-selected=true]{color:var(--blue);background:transparent;border-bottom:3px solid var(--blue)}.step:hover{background:#e8eef9}.panel{min-height:250px;padding:38px 42px;border-radius:0 0 13px 13px;border:1px solid #e0e7f0;border-top:0;box-shadow:0 12px 30px #17325905;background:linear-gradient(110deg,#fff 65%,#edf2ff)}.panel .pill{margin-bottom:23px;font-size:10px;background:#edf2ff}.panel h3{font-size:28px}.panel p{max-width:770px;color:var(--muted);font-size:15px}.split{gap:85px}.split>div>p:not(.eyebrow):not(.lead):not(.micro){font-size:15px;color:var(--muted);line-height:1.85}.list li{font-size:14px;padding:19px 0}.status{font-weight:500;font-size:10px;padding:7px 11px;background:#eef2fa}.statement{padding:85px 0;background:radial-gradient(ellipse at 90% 70%,#376ef0 0,transparent 60%),#194ccc;position:relative;overflow:hidden}.statement:after{content:'K';font-size:480px;position:absolute;right:5%;top:-160px;color:#ffffff04;font-weight:800;pointer-events:none;line-height:1.5}.statement .wrap{position:relative;z-index:1}.statement h2{font-size:clamp(36px,4vw,57px);max-width:900px;font-weight:550;letter-spacing:-2px}.statement .lead{font-size:17px;max-width:700px}.statement a{display:inline-block;margin-top:18px;font-size:13px;font-weight:600}details{padding:22px 0}summary{font-size:14px;font-weight:600}details p{font-size:13px;line-height:1.8}.cta{padding:60px;border-radius:16px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 90% 30%,#173c72 0,transparent 65%),var(--navy)}.cta:before{content:'';position:absolute;width:230px;height:230px;right:300px;top:-80px;border-radius:50%;border:1px solid #ffffff0b;box-shadow:0 0 0 45px #ffffff03,0 0 0 90px #ffffff02;pointer-events:none}.cta h2{font-size:36px;font-weight:550;letter-spacing:-1.3px}.cta p{font-size:13px}.cta .btn{position:relative;flex-shrink:0}footer{padding:58px 0 36px;background:#06162a;border-top:1px solid #ffffff0c}footer .brand{color:#fff;font-size:25px}footer .foot>div:first-child p{font-size:12px;color:#aab8cb;margin-top:20px}footer small{font-size:10px;color:#687e9c}footer .foot>div:last-child{padding-top:10px;font-size:11px}footer .foot>div:last-child p{color:#687e9c;margin-top:22px}.page-title{padding:82px 0 70px;background:linear-gradient(125deg,#f3f6fc,#f9fafc);border-bottom:1px solid #e6ecf4;position:relative}.page-title h1{font-size:clamp(43px,4.4vw,65px);max-width:1000px;line-height:1.1}.page-title .lead{max-width:750px;font-size:16px;color:var(--muted)}.price{font-size:28px;letter-spacing:-.7px;margin:27px 0 18px}.featured{border:1px solid #4773ed;box-shadow:0 10px 35px #2457d512}.featured:after{content:'CONSTRUIRE ENSEMBLE';position:absolute;right:16px;top:15px;font-size:8px;letter-spacing:1px;color:#3463d8}.card .list{margin:24px 0 32px}.card .list li{font-size:12px;line-height:1.6;padding:13px 0}.card .btn{font-size:12px;padding:14px 16px}.founder{font-size:76px;letter-spacing:-6px;border:1px solid #dce5f6;background:linear-gradient(135deg,#e9effb,#f7f9fe);position:relative;padding:35px 40px;border-radius:14px}.founder:after{content:'KLEIA / COFONDATEUR';font-size:9px;letter-spacing:2px;position:absolute;right:23px;bottom:20px;color:#7f92af}.formbox{padding:38px;border-radius:15px;box-shadow:0 16px 55px #18365609;background:#fff}.formbox h3{font-size:26px;margin-bottom:24px}input,select,textarea{border-color:#d0d9e6;border-radius:7px;padding:13px 14px;font-size:14px;background:#fcfdff;transition:border .15s}input:focus,select:focus,textarea:focus{border-color:#2357df;background:#fff}label{font-size:12px;font-weight:600}.notice{border-radius:6px;border-left-width:2px;font-size:11px;line-height:1.8;background:#fffae8;color:#7e6828}.check{font-size:11px;line-height:1.7}.formbox .btn{width:100%;margin-top:20px}.formbox .micro{font-size:10px;text-align:center}.legal{max-width:850px}.legal h1{font-size:50px}.legal h2{font-size:30px;margin-top:35px}.legal h3{font-size:21px;margin-top:30px}.legal p{font-size:14px}
@media(min-width:1500px){.hero{padding:100px 0 110px}}@media(max-width:1050px){.hero-grid{gap:30px}.screen{padding:20px 15px}.appbody{grid-template-columns:85px 1fr}.metric{padding:9px}.hero h1{font-size:55px}.nav nav{gap:23px}.card{padding:26px}.split{gap:45px}}@media(max-width:900px){.hero-grid{grid-template-columns:1fr}.hero h1{font-size:clamp(46px,8.5vw,70px);letter-spacing:-2.5px}.hero{padding:55px 0 65px}.hero .lead{max-width:600px}.hero-grid>div:last-child{max-width:650px;width:100%;margin:15px auto 0}.workspace{margin-top:5px}.appbody{min-height:330px;grid-template-columns:110px 1fr}.screen{padding:24px}.nav{min-height:85px}nav{top:85px}.menu{border-color:#536780;padding:10px 15px;font-size:12px}.nav nav{gap:24px}.sector{justify-content:flex-start;gap:22px}.sector b+ b{padding-left:20px}.sector span{max-width:none;width:100%}.three{gap:18px}.card{padding:30px}.card h3{max-width:none}.card .num{margin-bottom:20px}.card .num:before{float:right;margin:0}.intro{margin-bottom:30px}.split{grid-template-columns:1fr;gap:30px}section{padding:68px 0}.statement{padding:65px 0}.statement:after{font-size:340px;right:-80px;top:-60px}.steps{display:grid;grid-template-columns:1fr 1fr}.step{font-size:12px;padding:16px}.panel{padding:28px;min-height:290px}.panel h3{font-size:25px}.page-title{padding:57px 0 45px}.page-title h1{letter-spacing:-2px}.cta{padding:35px}.cta h2{font-size:31px}.formbox{padding:28px}.featured:after{top:12px}.foot{gap:35px}.foot>div{width:100%}}@media(max-width:480px){.wrap{width:89%}.hero h1{font-size:45px;letter-spacing:-2.5px}.hero .eyebrow{font-size:8px;letter-spacing:1.1px}.hero .lead{font-size:14px}.actions .btn{font-size:12px;padding:14px 17px}.appbar{font-size:7px;padding:12px}.appbody{grid-template-columns:66px 1fr;min-height:310px}.sidebar{font-size:7px;padding:18px 8px}.screen{padding:16px 12px}.screen h3{font-size:19px}.screen .pill{font-size:7px}.metric{font-size:7px;padding:7px}.metric strong{font-size:21px}.metrics{gap:5px;margin:17px 0}.risk{font-size:8px;padding:10px}.risk b{font-size:9px}.source{font-size:8px}.screen .micro{font-size:8px}.workspace:after{font-size:9px;padding:12px 15px;bottom:-20px}.sector b{font-size:10px}.sector b+ b{padding-left:12px}.sector{gap:17px 12px}h2{font-size:32px;letter-spacing:-1px}.page-title h1{font-size:40px}.page-title .lead{font-size:14px}.panel{padding:23px;min-height:320px}.panel .pill{font-size:8px}.statement h2{font-size:35px}.statement .lead{font-size:15px}.cta{padding:28px}.cta h2{font-size:29px}.cta .btn{font-size:12px}footer a{display:inline-block;margin-bottom:12px}.legal h1{font-size:38px}.founder{font-size:60px}.formbox{padding:23px}.card p{font-size:13px}}@media(prefers-reduced-motion:reduce){.btn{transition:none}.btn:hover{transform:none}}