/* Colokéo — direction éditoriale V2 */
body{font-family:'Manrope','DM Sans',Arial,sans-serif}header{max-width:none;padding:22px max(32px,calc((100vw - 1240px)/2));height:96px;background:white}nav{font-size:14px;gap:35px}header .button{background:var(--navy);border-radius:50px;padding:15px 24px}.hero{max-width:none;background:var(--navy);color:white;position:relative;padding:90px max(32px,calc((100vw - 1240px)/2)) 105px;gap:65px;grid-template-columns:1.15fr 1fr;overflow:hidden}.hero-copy{position:relative;z-index:1}.hero .eyebrow{color:#81e8d0;font-size:12px;letter-spacing:2px;display:flex;align-items:center;gap:12px}.hero .eyebrow:before{content:'';height:1px;width:34px;background:#81e8d0}.hero h1{font-size:clamp(43px,4.9vw,73px);font-weight:500;letter-spacing:-3.5px;line-height:1.07;margin-bottom:28px}.hero h1 span{color:#00e1ac}.hero .lead{color:#d5e1f5;font-size:17px;line-height:1.8}.hero .button{background:#00c898;color:#071c50;border-radius:50px;font-weight:800;padding:19px 29px}.hero .button:hover{background:#5be6c3}.hero .text-link{color:white;font-size:13px}.hero .fine{color:#acbfde}.hero-product{transform:none;border-radius:15px;background:#f7fafe;color:var(--navy);border:none;box-shadow:0 30px 90px #0004;z-index:1}.product-top{background:white;border-radius:15px 15px 0 0;padding:19px 23px}.product-top .mini-brand{font-size:26px}.product-body{padding:27px}.product-title h2{font-size:22px;font-weight:700;letter-spacing:-.8px}.product-title .pill{font-size:11px;background:#edf1f6;color:#62748e}.metrics{margin:23px 0 18px;gap:15px}.metrics>div{padding:20px;border:1px solid #d2e0ee}.metrics span{font-size:12px}.metrics strong{font-size:36px;letter-spacing:-1.5px}.check,.alert{padding:18px;font-size:14px}.document{padding:22px 0 0}.floating-note{background:#00c898;color:var(--navy);right:24px;bottom:-31px;transform:none;border-radius:10px;box-shadow:0 12px 30px #0003;padding:15px 23px 15px 52px;font-size:13px}.floating-note>span{color:var(--navy);top:24px}.hero-product:before{content:'VOTRE NOUVEAU QUOTIDIEN';position:absolute;top:-33px;right:0;color:#b8cae7;font-size:10px;letter-spacing:2px}.promise-strip{background:#00c898;border:0;color:#071c50;gap:65px;padding:24px;font-size:13px}.promise-strip span{color:#073d47}.promise-strip b{font-weight:800}.section{max-width:1336px;padding:100px 48px}.section>.eyebrow{color:var(--blue)}h2{font-size:clamp(34px,3.5vw,52px);letter-spacing:-2px;font-weight:500;line-height:1.13}.feature-grid{gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:48px}.feature-grid article,.feature-grid article:nth-child(2),.feature-grid article:nth-child(3){background:white;border-radius:0;padding:38px 33px 38px 0}.feature-grid article+article{border-left:1px solid var(--line);padding-left:33px}.number{color:var(--blue);font-weight:700;letter-spacing:1.5px}.feature-grid h3{font-size:30px;font-weight:600;letter-spacing:-1.2px;margin:25px 0 20px}.feature-grid p{font-size:15px;line-height:1.8}.feature-grid a{font-size:13px;text-decoration:none;border-bottom:1px solid var(--navy);width:fit-content;padding-bottom:6px}.demo-section{background:#edf4fc;color:var(--navy);padding:85px max(32px,calc((100vw - 1240px)/2))}.demo-heading .eyebrow{color:var(--blue)}.demo-heading h2{font-size:52px}.demo-heading p:not(.eyebrow){color:var(--muted)}.demo-shell{box-shadow:0 22px 65px #071c5010;border:1px solid #cad9e9;margin-top:35px;min-height:420px;border-radius:15px;grid-template-columns:250px 1fr}aside{background:#f8fbff;padding:35px 25px}.demo-content{padding:35px 38px}.demo-content h3{font-weight:600;font-size:25px}.demo-content td{padding-top:17px;padding-bottom:17px}.demo-note{margin-top:22px;border-left:3px solid var(--blue);background:#f7fafe}.serenity{gap:85px;align-items:center}.serenity h2 span{color:var(--navy)}.serenity-list{background:var(--navy);color:white;padding:15px 33px;border-radius:15px}.serenity-list article{padding:25px 0;border-bottom:1px solid #ffffff26}.serenity-list article:last-child{border:none}.serenity-list article>b{color:#00e1ac}.serenity-list h3{font-size:21px;font-weight:600}.serenity-list p{color:#bdd0ec;font-size:14px}.boundary{border-left:2px solid #00c898;padding-left:17px;font-size:12px}.workflow{max-width:1240px;margin:0 auto 95px;background:#f7fafe;border-radius:15px;padding:48px;display:grid;grid-template-columns:1fr 1.4fr;gap:45px}.workflow .eyebrow{color:var(--blue)}.workflow h2{font-size:35px;letter-spacing:-1.5px}.workflow ol{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.workflow li{padding:0;font-size:14px;line-height:1.6}.workflow li:before{content:none}.workflow li b{display:block;font-size:29px;color:var(--blue);margin-bottom:15px;font-weight:500}.workflow li strong{display:block;font-size:16px;margin-bottom:10px}.workflow li p{color:var(--muted);font-size:13px;margin:0}.pricing{background:#00c898;color:var(--navy);padding:85px max(32px,calc((100vw - 1240px)/2));gap:100px}.pricing .eyebrow{color:#073d47}.pricing h2{font-size:53px;letter-spacing:-2.3px}.pricing>div>p:last-child{color:#073d47}.price-card{padding:40px 43px;border:none;box-shadow:0 18px 40px #00374818;max-width:500px}.price-card .pill{background:#f0f4f9;color:var(--muted)}.price-card h3{font-weight:700}.price{font-size:58px;letter-spacing:-2.5px}.price-card .button{background:var(--navy);border-radius:50px}.price-card li{font-size:14px;line-height:1.5}.faq{max-width:1060px}.faq h2{margin-bottom:38px}.faq summary{font-size:17px;font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:20px}.faq summary:after{content:'+';font-size:24px;color:var(--blue);font-weight:400}.faq details[open] summary:after{content:'−'}.closing{background:var(--navy);padding:90px 24px}.closing .eyebrow{color:#00e1ac;font-size:11px}.closing h2{font-size:66px;letter-spacing:-3px}.closing .button{background:#00c898;border-radius:50px;color:var(--navy);padding:19px 31px}footer{padding:40px 48px}footer .logo{width:135px}@media(min-width:1600px){.hero h1{font-size:76px}}@media(max-width:1100px){.hero{gap:35px;padding-top:70px}.hero h1{font-size:54px}.hero .actions{gap:19px}.hero .text-link{font-size:12px}.product-title{display:block}.product-title .pill{display:inline-block;margin-top:5px}.hero-product .metrics strong{font-size:30px}.workflow{margin-left:32px;margin-right:32px;padding:35px;gap:30px;grid-template-columns:1fr}.pricing{gap:45px}.pricing h2{font-size:43px}.serenity{gap:40px}.promise-strip{gap:30px}.feature-grid h3{font-size:26px}}@media(max-width:760px){header{padding:15px 20px;height:82px}header .button{font-size:11px;padding:12px 15px}.hero{padding:48px 22px 76px;grid-template-columns:1fr;gap:68px}.hero h1{font-size:49px;letter-spacing:-2.5px}.hero .eyebrow{font-size:10px;letter-spacing:1.4px}.hero .eyebrow:before{width:20px}.hero .lead{font-size:16px;line-height:1.75}.hero .button{font-size:14px;padding:17px 23px}.hero-product{margin-right:0}.hero-product:before{font-size:9px}.hero .actions{gap:21px}.hero-product .fine{color:var(--muted)}.product-body{padding:21px}.product-title h2{font-size:21px}.product-title{display:flex}.metrics>div{padding:15px}.metrics span{font-size:11px}.metrics small{font-size:10px}.check,.alert{padding:14px;font-size:12px}.floating-note{right:14px;bottom:-27px}.promise-strip{padding:25px 22px;gap:9px}.section{padding:64px 22px}h2{font-size:36px;letter-spacing:-1.7px}.feature-grid{margin-top:30px}.feature-grid article,.feature-grid article:nth-child(2),.feature-grid article:nth-child(3){padding:30px 0;background:white;border:0;border-bottom:1px solid var(--line)}.feature-grid article:last-child{border-bottom:0}.feature-grid h3{font-size:26px;margin:17px 0}.feature-grid{gap:0}.demo-section{padding:60px 20px}.demo-heading h2{font-size:38px}.demo-shell{grid-template-columns:1fr;margin-top:27px}.demo-content{padding:27px 16px}.demo-content td{font-size:12px;padding:15px 5px}aside{padding:20px 13px}.serenity{gap:30px}.serenity-list{padding:8px 24px}.workflow{margin:0 20px 60px;padding:29px 23px;gap:10px}.workflow h2{font-size:29px}.workflow ol{grid-template-columns:1fr;gap:25px}.workflow li{display:grid;grid-template-columns:40px 1fr;column-gap:10px}.workflow li b{grid-row:1/3;font-size:25px}.workflow li strong{margin-bottom:6px}.workflow li p{grid-column:2}.pricing{padding:60px 22px;gap:30px}.pricing h2{font-size:39px}.price-card{padding:30px 25px;max-width:none}.price{font-size:52px}.closing{padding:70px 22px}.closing h2{font-size:47px;letter-spacing:-2px}.closing .eyebrow{font-size:9px;letter-spacing:1.4px}footer{padding:30px 22px}}
