@import url('https://fonts.googleapis.com/css2?family=Fredoka:wght@400;500;600;700&family=Nunito:wght@400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#193c38;--muted:#6c7c75;--green:#254e42;--lime:#dbed95;--cream:#f7f7f0;--line:#e2e6dc;--white:#fff;--orange:#e5a259}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font:15px 'DM Sans',sans-serif}button,a,input,select,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{border:0;color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #94b64d;outline-offset:4px}h1,h2,h3,h4{font-family:Manrope,sans-serif;margin:0;letter-spacing:-.04em}h1{font-size:clamp(40px,5.2vw,74px);line-height:1.07;font-weight:500}h2{font-size:clamp(28px,3vw,42px);line-height:1.2;font-weight:500}h3{font-size:21px}p{line-height:1.7}small,.muted{color:var(--muted)}.demo{background:#17362f;color:#dce4d9;min-height:45px;display:flex;align-items:center;justify-content:space-between;padding:7px 30px;font-size:11px;position:sticky;top:0;z-index:20;gap:14px}.demo b{letter-spacing:1.5px;font-size:10px}.demo-label{opacity:.7;margin-left:12px}.switch{display:flex;gap:5px}.switch button{background:transparent;color:#c4d4cb;padding:8px 15px;border-radius:5px;font-size:11px}.switch .active{background:#e2ecdc;color:#234237}.nav{height:95px;max-width:1320px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:0 44px;gap:28px}.logo{width:118px;height:auto;object-fit:contain}.links{display:flex;align-items:center;gap:28px;font-size:13px}.btn{background:var(--green);color:white;display:inline-flex;align-items:center;justify-content:center;gap:25px;padding:16px 23px;border-radius:7px;font-weight:500;transition:.2s}.btn:hover{background:#38634b;transform:translateY(-1px)}.btn.light{background:var(--lime);color:var(--ink)}.btn.outline{background:transparent;color:var(--ink);border:1px solid var(--line)}.btn.small{font-size:12px;padding:10px 15px;gap:12px}.hero{max-width:1320px;margin:auto;padding:24px 44px 60px;display:grid;grid-template-columns:1fr 1.05fr;gap:50px;align-items:center}.eyebrow{text-transform:uppercase;font-size:10px;letter-spacing:2px;font-weight:700;display:flex;align-items:center;gap:9px;margin-bottom:26px}.dot{width:7px;height:7px;border-radius:100%;display:inline-block;background:#85a859}.hero h1 em{font-style:normal;color:#77935d}.hero p{max-width:430px;color:var(--muted);margin:25px 0 29px;font-size:16px}.hero .under{font-size:11px;margin:15px 0 35px}.hero-image{position:relative;height:535px}.hero-image img{width:100%;height:100%;object-fit:cover;border-radius:130px 10px 10px 10px}.floating{position:absolute;bottom:27px;left:-24px;background:#fffefa;padding:19px 22px;border-radius:9px;box-shadow:0 8px 35px #17362f16;min-width:240px}.floating strong{display:block;font-size:17px;margin:6px 0}.sun{font-size:27px;color:#b89649}.proof{display:flex;gap:24px;font-size:11px;color:#66766a;border-top:1px solid var(--line);padding-top:20px}.strip{background:#eef0e4;border-block:1px solid var(--line);display:flex;justify-content:center;gap:80px;padding:24px;font-size:12px}.wrap{max-width:1232px;margin:auto;padding:65px 0}.section-top{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:30px}.section-top p{max-width:360px;color:var(--muted);margin:0}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.project img{height:230px;width:100%;object-fit:cover;border-radius:9px}.project .meta{display:flex;justify-content:space-between;align-items:center;margin-top:18px}.project small{display:block;margin-top:8px}.pill{font-size:11px;padding:7px 10px;border-radius:30px;background:#eaf0db;white-space:nowrap}.card{background:white;border:1px solid var(--line);border-radius:12px;padding:27px}.number{font-size:11px;width:31px;height:31px;display:grid;place-items:center;background:var(--lime);border-radius:50%;margin-bottom:28px}.card p{color:var(--muted);font-size:13px}.dark{background:#204738;color:#f5f7ed;border-radius:12px;padding:45px;display:flex;justify-content:space-between;align-items:center;gap:25px}.dark p{color:#c3d1bf;max-width:500px}details{border-bottom:1px solid var(--line);padding:21px 0}summary{cursor:pointer;font-size:16px}details p{color:var(--muted);max-width:850px;font-size:14px}footer{max-width:1232px;margin:auto;border-top:1px solid var(--line);padding:30px 0 45px;display:flex;justify-content:space-between;font-size:11px;color:var(--muted);gap:20px}.page{max-width:1150px;margin:auto;padding:35px 30px 75px}.page-title{margin-bottom:30px}.page-title h1{font-size:38px}.page-title p{color:var(--muted)}.back{display:inline-block;font-size:12px;margin-bottom:25px;background:none;padding:0}.wizard{display:grid;grid-template-columns:260px 1fr;gap:50px;max-width:1050px;margin:20px auto 70px;padding:20px}.wizard aside{padding:30px 10px}.step{display:flex;gap:12px;align-items:center;padding:14px 0;font-size:12px;color:#879088}.step b{border:1px solid var(--line);width:25px;height:25px;border-radius:50%;display:grid;place-items:center;font-size:10px}.step.active{color:var(--ink);font-weight:600}.step.active b,.step.done b{background:var(--green);color:white;border-color:var(--green)}.wizard-main{background:white;padding:40px;border:1px solid var(--line);border-radius:14px;min-height:480px}.progress{height:3px;background:#edf0e8;margin:20px 0 32px}.progress i{display:block;height:100%;background:#87a160}.options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:25px 0}.option{border:1px solid var(--line);border-radius:8px;background:white;padding:21px;text-align:left;min-height:75px}.option:hover,.option.selected{border-color:var(--green);background:#f0f5e7}.option.selected:after{content:'✓';float:right;color:var(--green)}label{display:block;font-size:12px;font-weight:600;margin:20px 0 8px}input,select,textarea{width:100%;padding:13px;border:1px solid #d9dfd3;border-radius:6px;background:white;color:var(--ink)}input[type=checkbox]{width:auto;margin-right:10px}input[type=range]{padding:0;accent-color:var(--green)}textarea{resize:vertical}.actions{display:flex;justify-content:space-between;align-items:center;margin-top:30px;gap:15px}.hint{font-size:12px;color:var(--muted);line-height:1.6}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin:25px 0}.stat{padding:25px;background:white;border:1px solid var(--line);border-radius:9px}.stat strong{font-family:Manrope,sans-serif;font-weight:500;font-size:32px;display:block;margin:12px 0 7px;letter-spacing:-1px}.stat small{font-size:11px}.two{display:grid;grid-template-columns:1.4fr 1fr;gap:24px}.bar{height:11px;border-radius:10px;background:#e9ecdf;margin:16px 0;overflow:hidden}.bar i{height:100%;display:block;background:#9eb961}.listline{display:flex;justify-content:space-between;align-items:center;padding:17px 0;border-bottom:1px solid var(--line);font-size:13px;gap:15px}.listline:last-child{border:0}.notice{background:#eef2e4;padding:15px 20px;border-radius:8px;font-size:12px;line-height:1.65;margin:22px 0}.calendar{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.slot{background:white;border:1px solid var(--line);padding:13px 10px;border-radius:6px}.slot.selected{background:var(--green);color:white}.shell{display:grid;grid-template-columns:215px 1fr;min-height:calc(100vh - 45px)}.sidebar{background:#fff;border-right:1px solid var(--line);padding:27px 20px;display:flex;flex-direction:column;gap:8px}.sidebar .logo{margin:5px 15px 34px}.sidebar button{background:none;text-align:left;padding:12px 15px;font-size:13px;border-radius:6px;color:#758277}.sidebar button.active{background:#eaf0dc;color:var(--ink)}.sidebar .bottom{margin-top:auto;padding:30px 12px 5px;font-size:11px;color:var(--muted);line-height:1.8}.workspace{padding:34px;overflow:hidden}.workspace h1{font-size:32px}.topline{display:flex;justify-content:space-between;align-items:center;gap:18px}.avatar{width:37px;height:37px;background:#e5ebd9;border-radius:50%;display:grid;place-items:center;font-size:12px}.workspace .stats{grid-template-columns:repeat(4,1fr)}.workspace .stat strong{font-size:28px}.toolbar{display:flex;align-items:center;gap:15px;margin:26px 0}.toolbar input{max-width:300px}.kanban{display:flex;gap:14px;overflow-x:auto;padding-bottom:22px;min-height:380px}.column{background:#edf0e7;min-width:210px;flex:1;border-radius:9px;padding:13px}.column-title{display:flex;justify-content:space-between;font-size:11px;font-weight:700;margin:5px 2px 20px}.lead{background:white;border:1px solid #e1e7d9;border-radius:8px;padding:17px;text-align:left;width:100%;margin-bottom:12px;box-shadow:0 2px 2px #153e3003}.lead strong{display:block;font-size:13px}.lead small{display:block;font-size:10px;margin:7px 0 16px}.lead .value{margin:14px 0;font-size:15px}.lead .next{border-top:1px solid var(--line);padding-top:12px;font-size:10px;color:var(--muted)}.timeline{padding-left:19px;border-left:1px solid #d7dfcd;margin:25px 0}.event{position:relative;margin:0 0 24px;font-size:13px}.event:before{content:'';position:absolute;left:-24px;top:3px;width:9px;height:9px;border-radius:50%;background:#9cb578}.event small{display:block;margin-top:6px}.client-hero{background:#e9eedc;padding:30px;border-radius:12px;display:flex;justify-content:space-between;align-items:center;gap:20px}.client-hero h2{font-size:29px}.client-hero img{height:130px;width:210px;object-fit:cover;border-radius:8px}.tabs{display:flex;gap:25px;margin:25px 0;border-bottom:1px solid var(--line);overflow:auto}.tabs button{padding:15px 0;background:none;color:var(--muted);white-space:nowrap}.tabs button.active{border-bottom:2px solid var(--green);color:var(--ink)}.checklist{display:flex;gap:12px;align-items:center;padding:17px 0;border-bottom:1px solid var(--line);font-size:13px}.check{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#e6edd9;color:var(--green)}.todo .check{background:#f4f1e6;color:#b09869}dialog{border:1px solid var(--line);border-radius:14px;padding:35px;width:min(640px,94vw);max-height:88vh;color:var(--ink)}dialog::backdrop{background:#16352b66;backdrop-filter:blur(3px)}.close{position:absolute;right:14px;top:10px;font-size:27px;background:none}.toast-show{opacity:1!important;transform:translateY(0)!important}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);opacity:0;background:var(--green);color:white;padding:14px 23px;border-radius:9px;z-index:100;font-size:13px;transition:.2s;pointer-events:none}.empty{text-align:center;padding:40px;color:var(--muted)}.formrow{display:grid;grid-template-columns:1fr 1fr;gap:15px}.photo-credit{font-size:10px;color:var(--muted);margin-top:18px}.mobile-label{display:none}
@media(min-width:1450px){.hero{padding-top:45px}.hero-image{height:590px}}@media(max-width:1250px){.wrap,footer{margin-inline:35px}.hero{gap:35px}.links{gap:18px}.workspace{padding:25px}.shell{grid-template-columns:185px 1fr}}@media(max-width:900px){.demo-label{display:none}.nav{padding-inline:25px}.links>a{display:none}.hero{padding:20px 25px 45px;gap:25px}.hero-image{height:450px}.hero h1{font-size:47px}.floating{left:15px;min-width:0}.proof{gap:14px}.strip{gap:25px}.wizard{gap:20px;grid-template-columns:180px 1fr}.wizard-main{padding:28px}.shell{grid-template-columns:1fr}.sidebar{flex-direction:row;align-items:center;padding:12px 20px;overflow:auto}.sidebar .logo{width:80px;margin:0 20px 0 0}.sidebar button{white-space:nowrap}.sidebar .bottom{display:none}.two{grid-template-columns:1fr}.workspace .stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.demo{padding:8px 10px;display:block;text-align:center}.demo>span{display:none}.switch{justify-content:center}.switch button{padding:8px 11px;font-size:10px}.nav{height:75px;padding-inline:20px}.nav .logo{width:96px}.links .btn{font-size:11px;padding:11px 14px}.hero{display:flex;flex-direction:column;align-items:stretch;padding:20px}.hero h1{font-size:48px;max-width:380px}.hero p{font-size:14px;margin-block:22px}.hero .under{margin-bottom:20px}.hero-image{height:340px;margin-top:5px}.hero-image img{border-radius:75px 8px 8px 8px}.floating{bottom:17px;padding:15px}.strip{display:flex;flex-wrap:wrap;gap:15px;font-size:10px;padding:18px}.wrap{padding:40px 0;margin-inline:20px}.section-top{display:block}.section-top p{margin-top:18px}.grid3{grid-template-columns:1fr}.project img{height:240px}.dark{padding:28px;display:block}.dark .btn{margin-top:15px}footer{margin-inline:20px;display:block;line-height:2}.wizard{display:block;padding:15px;margin:0}.wizard aside{display:none}.wizard-main{padding:24px 20px;min-height:0}.options{gap:9px}.option{padding:16px;font-size:13px}.page{padding:25px 18px}.stats{grid-template-columns:1fr;gap:10px}.stat{padding:20px}.stat strong{font-size:27px}.client-hero{padding:23px}.client-hero img{display:none}.workspace{padding:22px 15px}.workspace h1,.page-title h1{font-size:29px}.topline{align-items:start}.workspace .stat{padding:15px}.workspace .stat strong{font-size:25px}.calendar{grid-template-columns:repeat(2,1fr)}.card{padding:23px}.formrow{grid-template-columns:1fr;gap:0}.section-top .btn{margin-top:15px}.sidebar{padding:8px}.sidebar button{font-size:11px;padding:10px}.sidebar .logo{margin-right:8px;width:68px}.dark h2{font-size:30px}.actions .btn{font-size:12px;padding:14px}.toolbar{flex-wrap:wrap}.photo-credit{line-height:1.7}}
@media print{.demo,.nav,.sidebar,.btn,.tabs,footer{display:none!important}.shell{display:block}.workspace{padding:0}.card,.stat{break-inside:avoid}body{background:white}}
/* Solar Pop: couleurs officielles, composition et interfaces adaptées. */

:root{--ink:#30296e;--muted:#727084;--green:#4d40f1;--lime:#deff06;--cream:#fffaf3;--line:#e7e0ec;--orange:#fb8a34}body{font-family:Nunito,'DM Sans',sans-serif}h1,h2,h3,h4{font-family:Fredoka,Manrope,sans-serif;letter-spacing:-.025em}h1{font-weight:500}.demo{background:#30296e}.switch .active{background:#deff06;color:#30296e}.switch button{color:#e4e1ff}.logo{width:145px;max-height:60px}.hero{padding-top:40px;padding-bottom:65px;gap:55px}.hero h1{font-size:clamp(45px,5.6vw,79px)}.hero h1 em{color:#4d40f1}.hero-image{height:560px;padding:0 0 22px 14px}.hero-image:before{content:'';position:absolute;inset:20px -13px 5px 28px;background:#ffbc7d;border-radius:180px 180px 18px 18px;transform:rotate(3deg)}.hero-image img{position:relative;border-radius:180px 180px 18px 18px;object-position:center}.floating{background:#deff06;bottom:2px;left:-13px;transform:rotate(-3deg);color:#30296e;border:1px solid #30296e10;box-shadow:6px 8px 0 #4d40f1}.floating small{color:#40386c}.floating strong{font-family:Fredoka,sans-serif;font-size:21px;font-weight:500}.btn{border-radius:30px;padding:16px 25px;font-weight:800}.btn:hover{background:#382ec9}.btn.light{background:#deff06;color:#30296e}.btn.light:hover{background:#ecff7b}.btn.outline:hover{background:#f0edff}.hero .under{color:#727084}.proof{color:#655f82}.dot{background:#fb8a34}.strip{background:#4d40f1;color:white;border:0;gap:60px;font-weight:800;letter-spacing:1px;padding:26px}.project img{border-radius:22px}.pill{background:#eeebff;color:#4d40f1;font-weight:700}.card{border-radius:20px;box-shadow:0 3px 0 #30296e03}.number{background:#ffbc7d;color:#30296e;width:38px;height:38px;font-family:Fredoka,sans-serif;font-size:15px}.dark{background:#4d40f1;border-radius:28px;color:white;position:relative;overflow:hidden}.dark:after{content:'✳';position:absolute;right:8%;top:-60px;font-size:240px;color:#ffffff0c;pointer-events:none}.dark p{color:#eeebff}.dark .btn{position:relative;z-index:1}.pop-story{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;padding-top:20px}.pop-story img{width:100%;height:390px;object-fit:cover;border-radius:24px}.pop-story h2{font-size:48px}.pop-story p{color:#727084;max-width:440px}.pop-story .btn{margin-top:12px}.wizard-main{border-radius:24px}.progress i{background:#fb8a34}.option{border-radius:12px}.option:hover,.option.selected{border-color:#4d40f1;background:#eeebff}.step.active b,.step.done b{background:#4d40f1;border-color:#4d40f1}.notice{background:#f0edff}.bar{background:#eeebff}.bar i{background:#fb8a34}.client-hero{background:#ffe6ce}.client-hero img{border-radius:18px}.sidebar button.active{background:#eeebff;color:#4d40f1}.column{background:#f1edf7}.avatar{background:#deff06}.check{background:#eeebff;color:#4d40f1}.event:before{background:#fb8a34}.lead{border-radius:13px}.stat{border-radius:16px}.stat strong{font-family:Fredoka,sans-serif}.toast-show{transform:translate(-50%,0)!important}.slot.selected{background:#4d40f1}.tabs button.active{border-color:#4d40f1}.sidebar .logo{width:135px;margin-left:0}.client-hero .eyebrow{color:#8e4b20}
@media(max-width:900px){.hero-image{height:470px}.hero h1{font-size:53px}.pop-story{gap:30px}.sidebar .logo{width:90px}.strip{gap:22px}}@media(max-width:600px){.hero{padding:25px 22px 50px;gap:25px}.hero h1{font-size:53px}.hero-image{height:380px;margin:10px 10px 0 0}.hero-image img{border-radius:120px 120px 15px 15px}.hero-image:before{border-radius:120px 120px 15px 15px}.floating{left:0;bottom:5px;right:10px;min-width:0}.floating strong{font-size:19px}.strip{padding:22px 15px;font-size:9px;gap:17px}.pop-story{grid-template-columns:1fr;gap:25px}.pop-story img{height:280px}.pop-story h2{font-size:39px}.nav .logo{width:120px}.sidebar .logo{width:78px}.dark{padding:28px}.btn{font-size:13px}.project img{height:240px}}

.brand{display:flex;align-items:center;gap:7px;font-family:Fredoka,sans-serif;font-size:32px;font-weight:600;letter-spacing:-1.5px;line-height:1;color:#4d40f1}.brand img{width:38px;height:38px;object-fit:contain}.brand-pop{color:#fb8a34}.sidebar>.brand,.sidebar>a{margin:3px 0 30px}.sidebar .brand{font-size:27px}.sidebar .brand img{width:30px;height:30px}@media(max-width:900px){.sidebar>a{margin:0 12px 0 0}.sidebar .brand{font-size:23px}.sidebar .brand img{width:26px;height:26px}}@media(max-width:600px){.brand{font-size:29px}.brand img{width:30px;height:30px}.sidebar .brand{font-size:19px}.sidebar .brand img{width:20px;height:20px}}