.product-page{background:#fff}.product-page .topbar{background:rgba(240,251,246,.9)}
.product-hero{min-height:760px;padding:160px max(32px,calc((100vw - 1180px)/2)) 90px;background:linear-gradient(145deg,#effbf5 0%,#d9f5e8 58%,#c5eedb 100%);border-radius:0 0 56px 56px;display:grid;grid-template-columns:48% 52%;gap:48px;align-items:center;position:relative;overflow:hidden}.product-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(11,92,63,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(11,92,63,.035) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(90deg,transparent 20%,#000)}.product-hero-copy,.product-visual{position:relative;z-index:2}.breadcrumb{display:flex;gap:8px;align-items:center;font-size:11px;color:#587067;margin-bottom:24px}.breadcrumb a{text-decoration:underline;text-underline-offset:3px}.product-badge{display:inline-flex;align-items:center;gap:9px;border:1px solid rgba(11,92,63,.22);background:rgba(255,255,255,.7);border-radius:25px;padding:8px 13px;font-size:11px;font-weight:800;letter-spacing:.4px}.product-badge i{width:27px;height:27px;border-radius:8px;background:var(--deep);color:#fff;display:grid;place-items:center;font-style:normal;font-size:13px}.product-hero h1{font-size:58px;line-height:1;letter-spacing:-3px;margin:22px 0}.product-hero h1 span{color:var(--green)}.product-lead{font-size:18px;line-height:1.55;color:#294c3f;max-width:600px}.product-actions{display:flex;gap:12px;margin-top:30px}.product-note{display:block;margin-top:16px;color:#536c62;font-size:10px}.product-visual{height:500px;border:1px solid rgba(6,40,28,.17);background:rgba(255,255,255,.74);backdrop-filter:blur(13px);border-radius:26px;padding:22px;box-shadow:0 35px 80px rgba(6,40,28,.2);transform:rotate(1.2deg)}.visual-bar{height:42px;display:flex;align-items:center;gap:6px;border-bottom:1px solid #dfeae5}.visual-bar i{width:8px;height:8px;border-radius:50%;background:#b9cec4}.visual-bar span{margin-left:12px;font-size:9px;color:#74877e;background:#f1f7f4;padding:6px 52px;border-radius:6px}.visual-shell{height:calc(100% - 43px);display:grid;grid-template-columns:54px 1fr}.visual-nav{background:var(--ink);border-radius:12px;margin-top:15px;padding:13px 8px;display:flex;align-items:center;flex-direction:column;gap:13px;color:#91aca0}.visual-nav b{background:var(--green);color:#fff;border-radius:8px;width:31px;height:31px;display:grid;place-items:center}.visual-nav i{font-style:normal;width:29px;height:29px;display:grid;place-items:center;border-radius:8px;font-size:11px}.visual-nav .active{background:#fff;color:var(--deep)}.visual-content{padding:24px 16px 10px 23px;overflow:hidden}.visual-label{font-size:8px;letter-spacing:.8px;color:var(--green);font-weight:800}.visual-content h3{font-size:20px;margin:6px 0 18px}.mock-search{border:2px solid var(--green);border-radius:12px;padding:14px 42px 14px 14px;font-size:11px;position:relative;background:#fff;line-height:1.4}.mock-search b{position:absolute;right:8px;top:8px;width:31px;height:31px;border-radius:8px;background:var(--green);color:#fff;display:grid;place-items:center}.mock-row{display:grid;grid-template-columns:35px 1fr auto;gap:10px;align-items:center;padding:12px 3px;border-bottom:1px solid #e1ebe6}.mock-row>i{width:34px;height:34px;border-radius:9px;background:var(--pale);display:grid;place-items:center;font-style:normal;font-size:9px;font-weight:800}.mock-row span{display:flex;flex-direction:column;font-size:10px;font-weight:700}.mock-row small{font-size:7px;color:#77877f;margin-top:3px}.mock-row strong{color:var(--green);font-size:10px}.mock-form{background:#fff;border:1px solid #dae7e1;border-radius:12px;padding:16px}.mock-form label{display:block;font-size:7px;color:#74877e;margin:9px 0 4px}.mock-input{height:29px;background:#f4f8f6;border:1px solid #e1ebe6;border-radius:6px;padding:8px;font-size:8px}.mock-input.message{height:61px}.mock-form button{border:0;background:var(--deep);color:#fff;border-radius:7px;padding:9px 16px;font-size:8px;margin-top:10px}.mock-status{display:flex;gap:7px;margin-top:14px}.mock-status span{flex:1;padding:9px;background:var(--pale);border-radius:8px;font-size:8px;text-align:center;color:var(--deep);font-weight:700}.mock-sequence{position:relative;padding-left:22px}.mock-sequence:before{content:"";position:absolute;left:14px;top:16px;bottom:18px;width:2px;background:#cae2d6}.mock-step{position:relative;background:#fff;border:1px solid #dce9e3;border-radius:11px;padding:12px;margin-bottom:10px;display:flex;align-items:center;gap:10px;font-size:9px;box-shadow:0 7px 18px rgba(6,40,28,.06)}.mock-step i{margin-left:-29px;width:28px;height:28px;border-radius:50%;background:var(--deep);color:#fff;display:grid;place-items:center;font-style:normal;border:4px solid #eaf8f1}.mock-step span{display:flex;flex-direction:column}.mock-step small{font-size:7px;color:#74877e;margin-top:2px}.mock-step b{margin-left:auto;color:var(--green)}.mock-inbox{display:grid;grid-template-columns:42% 58%;height:290px;border:1px solid #dbe7e1;border-radius:12px;overflow:hidden;background:#fff}.inbox-list{background:#f5f9f7;padding:9px}.inbox-list span{display:block;padding:10px 8px;border-radius:7px;font-size:8px;margin-bottom:5px}.inbox-list .active{background:#fff;box-shadow:0 4px 12px rgba(6,40,28,.08);font-weight:800}.inbox-thread{padding:15px}.inbox-thread b{font-size:11px}.bubble{font-size:8px;line-height:1.4;background:var(--pale);padding:10px;border-radius:9px;margin:13px 0}.bubble.me{background:var(--deep);color:#fff;margin-left:25px}.meeting-chip{background:#e8f2ff;color:#315c94;padding:9px;border-radius:8px;font-size:8px}.mock-pipeline{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.mock-column{background:#f2f7f4;border-radius:9px;padding:8px;min-height:280px}.mock-column>small{font-size:7px;color:#65786f}.deal{background:#fff;border:1px solid #dfe9e4;border-radius:8px;padding:10px;margin-top:8px;box-shadow:0 5px 13px rgba(6,40,28,.05);font-size:8px}.deal b{display:block;font-size:9px;margin-bottom:7px}.deal span{color:var(--green)}
.product-proof{max-width:1180px;margin:34px auto 0;padding:25px 34px;border:1px solid #d5e4dd;border-radius:20px;display:grid;grid-template-columns:1.2fr repeat(3,1fr);align-items:center;background:#fff;box-shadow:0 14px 38px rgba(6,40,28,.07)}.product-proof>p{font-size:12px;color:var(--muted);margin:0}.product-proof span{font-size:11px;font-weight:750;text-align:center;border-left:1px solid #dbe7e1;padding:8px}.product-proof i{font-style:normal;color:var(--green);margin-right:5px}.product-intro{max-width:850px;margin:0 auto;text-align:center;padding:105px 24px 48px}.product-intro h2{font-size:46px;line-height:1.04;letter-spacing:-2px;margin:16px 0}.product-intro p{color:var(--muted);font-size:17px;line-height:1.55}.product-grid{max-width:1180px;margin:0 auto 110px;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.product-grid article{border:1px solid #d4e3dc;border-radius:22px;padding:27px;background:#fff;transition:.3s}.product-grid article:hover{transform:translateY(-7px);box-shadow:var(--shadow-soft)}.product-grid i{width:46px;height:46px;border-radius:13px;background:var(--mint);color:var(--deep);display:grid;place-items:center;font-style:normal;font-size:19px}.product-grid h3{font-size:21px;margin:22px 0 10px}.product-grid p{font-size:14px;line-height:1.5;color:var(--muted);margin:0}.product-showcase{padding:105px max(32px,calc((100vw - 1180px)/2));background:var(--pale);display:grid;grid-template-columns:45% 55%;gap:70px;align-items:center}.product-showcase.reverse{background:#fff;grid-template-columns:55% 45%}.product-showcase.reverse .showcase-copy{order:2}.showcase-copy h2{font-size:43px;line-height:1.05;letter-spacing:-1.7px;margin:16px 0}.showcase-copy>p{color:var(--muted);line-height:1.6}.showcase-list{padding:0;margin:25px 0;list-style:none}.showcase-list li{display:flex;gap:10px;margin:14px 0;font-size:14px;font-weight:700}.showcase-list i{width:22px;height:22px;flex:0 0 auto;border-radius:50%;background:var(--mint);color:var(--green);display:grid;place-items:center;font-style:normal}.showcase-panel{min-height:410px;border:1px solid #c9ddd3;border-radius:24px;background:#fff;padding:30px;box-shadow:0 25px 60px rgba(6,40,28,.13)}.signal-list{display:grid;gap:10px;margin-top:20px}.signal-list div{padding:15px;border:1px solid #dfeae5;border-radius:12px;display:flex;align-items:center;gap:12px;font-size:12px}.signal-list i{width:34px;height:34px;border-radius:9px;background:var(--pale);display:grid;place-items:center;font-style:normal}.signal-list span{display:flex;flex-direction:column}.signal-list small{font-size:8px;color:var(--muted);margin-top:3px}.signal-list b:last-child{margin-left:auto;color:var(--green)}.product-steps{padding:105px max(32px,calc((100vw - 1180px)/2));background:var(--ink);color:#fff}.product-steps-heading{max-width:700px}.product-steps h2{font-size:45px;line-height:1.05;letter-spacing:-1.8px;margin:16px 0}.product-steps-heading p{color:#a9c3b8;line-height:1.55}.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:50px}.steps-grid article{border:1px solid #315344;border-radius:18px;padding:24px;min-height:200px;background:#0b3225;position:relative}.steps-grid>article>span{color:var(--bright);font-size:10px;font-weight:800}.steps-grid h3{font-size:18px;margin:34px 0 10px}.steps-grid p{font-size:12px;color:#a9c3b8;line-height:1.5}.product-final{margin:100px auto;max-width:1180px;border-radius:30px;background:linear-gradient(135deg,#c7efdc,#e8faf1);padding:70px;text-align:center;position:relative;overflow:hidden}.product-final:after{content:"";position:absolute;width:430px;height:430px;border-radius:50%;border:1px solid rgba(11,92,63,.14);right:-180px;top:-210px}.product-final>*{position:relative;z-index:2}.product-final h2{font-size:47px;line-height:1.04;letter-spacing:-1.9px;margin:15px auto;max-width:800px}.product-final p{color:var(--muted);max-width:670px;margin:0 auto 27px;line-height:1.55}.product-final .product-actions{justify-content:center}
@media(max-width:980px){.product-hero{grid-template-columns:1fr;min-height:auto;padding-top:130px}.product-hero-copy{max-width:720px}.product-visual{max-width:680px;width:100%;margin:auto}.product-proof{margin:28px 20px 0}.product-showcase,.product-showcase.reverse{grid-template-columns:1fr;gap:40px}.product-showcase.reverse .showcase-copy{order:0}.steps-grid{grid-template-columns:1fr 1fr}}
@media(max-width:820px){.platform-menu{position:static;width:100%;transform:none!important;display:none;grid-template-columns:1fr;opacity:1;visibility:visible;pointer-events:auto;border:0;box-shadow:none;padding:8px 0 0;background:transparent}.platform-menu.open{display:grid}.platform-menu-main{grid-template-columns:1fr;padding:0}.menu-overview{min-height:160px;margin-top:10px}.nav-item{width:100%}.nav-trigger{font-size:24px;width:100%;justify-content:space-between}.navlinks .menu-product{padding:8px}.menu-product small,.menu-product em,.menu-kicker{display:none}.menu-icon{width:38px;height:38px}.product-page .topbar{background:rgba(240,251,246,.95)}.product-hero{padding:110px 20px 60px;border-radius:0 0 38px 38px;gap:38px}.product-hero h1{font-size:43px;letter-spacing:-2px}.product-lead{font-size:16px}.product-actions{flex-direction:column;align-items:stretch}.product-visual{height:450px;padding:15px;transform:none}.visual-content{padding:18px 8px 8px 15px}.product-proof{grid-template-columns:1fr 1fr;padding:20px}.product-proof>p{grid-column:1/-1;text-align:center;margin-bottom:8px}.product-proof span{border:0}.product-intro{padding-top:75px}.product-intro h2{font-size:37px}.product-grid{grid-template-columns:1fr;margin:0 20px 75px}.product-showcase,.product-showcase.reverse{padding:75px 20px}.showcase-copy h2{font-size:36px}.product-steps{padding:75px 20px}.product-steps h2{font-size:37px}.product-final{margin:70px 20px;padding:50px 24px}.product-final h2{font-size:37px}}
@media(max-width:520px){.product-hero h1{font-size:38px}.product-visual{height:420px}.visual-shell{grid-template-columns:43px 1fr}.visual-nav{padding:10px 6px}.visual-nav i{width:26px}.visual-bar span{padding:6px 28px}.mock-pipeline{gap:4px}.mock-column{padding:5px}.product-proof{grid-template-columns:1fr}.product-proof span{padding:6px}.steps-grid{grid-template-columns:1fr}.product-final h2{font-size:34px}}

/* Direction produit — finition plus sobre et éditoriale */
.product-hero{background:linear-gradient(145deg,#f8fdfb 0%,#e3f7ed 58%,#caeedc 100%);border-radius:0 0 48px 48px}.product-hero h1{font-size:55px;line-height:1.015;letter-spacing:-2.7px}.product-visual{border-radius:18px;background:rgba(255,255,255,.88);padding:19px;box-shadow:0 24px 62px rgba(6,40,28,.16);transform:none}.visual-nav{border-radius:9px}.product-grid article{border-radius:17px}.product-grid article:hover{transform:translateY(-3px);box-shadow:0 15px 36px rgba(6,40,28,.09)}.showcase-panel{border-radius:18px;box-shadow:0 18px 45px rgba(6,40,28,.1)}.product-final{border-radius:24px}
@media(max-width:820px){.product-hero{border-radius:0 0 34px 34px}.product-hero h1{font-size:43px}.menu-column+ .menu-column{padding-left:5px}.navlinks .menu-product.current{background:#edf8f2}}
@media(max-width:520px){.product-hero h1{font-size:38px}}