:root{--ink:#073f34;--green:#087d5a;--cream:#f6f4ed;--sage:#e8eddd;--muted:#5e7065}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:40px}body{margin:0;background:var(--cream);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,'Helvetica Neue',Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #7f9e43;outline-offset:6px}img{max-width:100%}.wrap{max-width:1280px;margin:auto;padding-left:48px;padding-right:48px}.nav{height:112px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;font-size:29px;font-weight:650;letter-spacing:-1px}.brand img{width:47px;height:47px;border-radius:13px}.nav nav{display:flex;gap:32px;align-items:center;font-size:14px}.pill{display:inline-flex;align-items:center;gap:36px;background:var(--ink);color:#fff;padding:19px 25px;border-radius:40px;font-size:15px;font-weight:550}.pill span{font-size:20px}.pill.small{font-size:12px;padding:13px 18px;gap:17px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:25px;padding-top:40px;padding-bottom:75px;align-items:center}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2.2px;margin:0 0 24px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(55px,5.9vw,79px);line-height:1.015;letter-spacing:-4.5px;font-weight:550;margin-bottom:30px}em{font-style:normal;color:var(--green)}.intro{max-width:430px;font-size:18px;line-height:1.65;color:var(--muted);margin-bottom:30px}.quiet{font-size:12px;line-height:1.7;color:var(--muted);margin-top:21px}.journey{height:820px;position:relative;isolation:isolate;display:flex;align-items:center;flex-direction:column;justify-content:flex-start;padding-top:55px}.orb{position:absolute;width:570px;height:570px;border-radius:50%;background:#e3e9d3;top:120px;z-index:-1;border:35px solid #edf0e4;box-shadow:0 0 0 1px #d5dec6,0 0 0 35px #f0f1e8}.journey-label{display:flex;align-items:center;gap:9px;border:1px solid #d1ddc7;background:#fff9;border-radius:40px;padding:7px 9px 7px 17px;font-size:12px;position:absolute;top:5px;left:50%;transform:translateX(-50%);white-space:nowrap}.live-dot{width:6px;height:6px;border-radius:50%;background:var(--green)}#play{border:0;background:#e2ebd3;color:var(--ink);width:30px;height:30px;border-radius:50%;margin-left:12px}.phone{width:274px;aspect-ratio:1206/2622;background:linear-gradient(125deg,#626a63,#121d17 25%,#626a63 80%,#0e1810);padding:8px;border:1px solid #8b948c;border-radius:43px;box-shadow:5px 8px 0 #26372c,15px 30px 45px #163d2524;transform:perspective(1700px) rotateY(-8deg) rotateZ(-5deg)}.phone-screen{width:100%;height:100%;position:relative;border-radius:35px;overflow:hidden;background:white}.shot{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;opacity:0;transition:opacity .6s}.shot.active{opacity:1}.result-card{position:absolute;top:500px;left:-8px;display:flex;gap:13px;align-items:center;background:#fffdf5;border:1px solid #dbe4ce;border-radius:18px;padding:20px 23px;box-shadow:0 15px 40px #214c2312;transform:rotate(-3deg);max-width:375px}.result-card>span{display:grid;place-items:center;background:#deedb9;border-radius:50%;height:32px;width:32px;flex-shrink:0}.result-card strong{font-size:14px}.result-card p{font-size:12px;color:var(--muted);margin:6px 0 0}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;position:absolute;top:693px;left:0;right:0}.steps button{border:0;border-top:2px solid #d6decc;background:transparent;color:var(--muted);padding:15px 2px 0;font-size:11px;text-align:left}.steps button span{display:block;font-size:10px;margin-bottom:6px;opacity:.7}.steps .selected{border-color:var(--green);color:var(--ink);font-weight:700}.demo-note{text-align:center;font-size:10px;line-height:1.65;color:var(--muted)}.journey>.demo-note{position:absolute;top:767px;width:100%}.section{padding-top:115px;padding-bottom:115px}h2{font-size:clamp(38px,4vw,56px);line-height:1.08;letter-spacing:-2.7px;font-weight:550;margin-bottom:28px}.section-copy>p:not(.eyebrow):not(.quiet):not(.quote){font-size:17px;line-height:1.8;color:var(--muted);max-width:440px}.split{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.calendar-section{background:var(--sage);overflow:hidden}.calendar-visual{height:650px;position:relative;text-align:center}.calendar-ring{position:absolute;inset:80px -100px;border:1px solid #c9d5b9;border-radius:50%;box-shadow:0 0 0 55px #e4eada,0 0 0 56px #d4ddc7}.framed-phone{height:600px;width:auto;border:8px solid #273a2e;border-radius:40px;box-shadow:8px 13px 0 #62715f,20px 35px 50px #12352822;position:relative;display:block;margin:auto;transform:rotate(-5deg)}.source-chip{position:absolute;padding:15px 22px;background:#fbfcf6;border-radius:13px;box-shadow:0 15px 40px #29402410;font-size:14px;font-weight:600}.icloud{top:85px;left:0;color:#087d5a;transform:rotate(-5deg)}.google{top:290px;right:-15px;color:#3a7bc4;transform:rotate(4deg)}.outlook{bottom:58px;left:14px;color:#9860b2;transform:rotate(-3deg)}.numbered{list-style:none;counter-reset:step;padding:0;margin:35px 0}.numbered li{counter-increment:step;position:relative;padding:0 0 25px 42px}.numbered li:before{content:'0' counter(step);position:absolute;left:0;top:2px;font-size:12px;color:var(--green)}.numbered b{font-size:15px;display:block;margin-bottom:7px}.numbered span{font-size:13px;color:var(--muted);line-height:1.6}.section-heading{text-align:center;max-width:820px;margin:0 auto 60px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.features article{background:#fffdf8;border:1px solid #e3e7d9;border-radius:22px;padding:31px}.features article>span{display:grid;place-items:center;background:#e9efdb;border-radius:13px;width:45px;height:45px;font-size:25px;margin-bottom:27px}.features h3{font-size:18px;letter-spacing:-.5px;font-weight:600;margin-bottom:15px}.features p{font-size:14px;color:var(--muted);line-height:1.8;margin:0}.story{padding-top:70px;padding-bottom:100px}.story-image{padding:40px;background:#e8eddd;border-radius:48% 48% 35% 35%;min-height:680px}.story-image .framed-phone{height:590px;transform:rotate(5deg)}.reverse .section-copy{order:2}.reverse .story-image{order:1;background:#eee9dd}.reverse .framed-phone{transform:rotate(-5deg)}.quote{border-left:2px solid #a4bd80;padding-left:22px;font-size:22px;line-height:1.5;letter-spacing:-.5px;margin-top:35px}.quote span{display:block;font-size:12px;color:var(--muted);letter-spacing:0;margin-top:14px}.action-example{display:flex;gap:15px;align-items:center;background:#e9efdd;padding:22px;border-radius:17px;margin-top:30px}.action-example>span{display:grid;place-items:center;border:1px solid #83a263;border-radius:50%;width:28px;height:28px;flex-shrink:0}.action-example b{font-size:14px}.action-example p{font-size:12px;margin:7px 0 0;color:var(--muted)}.duo{background:var(--ink);color:#f4f5e9;text-align:center;overflow:hidden}.duo h2{font-size:65px}.duo em{color:#c5df9d}.duo-intro{max-width:600px;font-size:17px;line-height:1.8;color:#b8cbbd;margin:0 auto 30px}.duo-switch{display:inline-flex;border:1px solid #567466;border-radius:30px;padding:5px;gap:5px}.duo-switch button{border:0;background:transparent;border-radius:25px;color:#d0dfce;padding:12px 22px;font-size:13px}.duo-switch [aria-pressed=true]{background:#dcecb9;color:var(--ink)}.duo-stage{height:650px;display:flex;align-items:center;justify-content:center}.duo-stage img{max-height:100%;max-width:100%;object-fit:contain}.duo .demo-note{color:#b8cbbd}.privacy{text-align:center;max-width:880px}.privacy-symbol{font-size:70px;font-weight:200;color:#6d8e5c;margin-bottom:25px}.privacy p:not(.eyebrow){font-size:16px;line-height:1.9;color:var(--muted);max-width:630px;margin:0 auto 20px}.faq{max-width:960px;padding-top:20px}.faq h2{font-size:41px;margin-bottom:40px}.faq details{border-bottom:1px solid #d4ddcb;padding:24px 0}.faq summary{font-size:17px;font-weight:550;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px}.faq summary:after{content:'+';font-size:22px;font-weight:300}.faq details[open] summary:after{content:'−'}.faq details p{color:var(--muted);font-size:15px;line-height:1.8;max-width:700px;margin:18px 0 0}.coming{background:#e8eddd;text-align:center}.coming img{border-radius:21px;margin-bottom:30px}.coming p:last-child{font-size:13px;line-height:1.8;color:var(--muted);margin:25px 0 0}.store-link{display:inline-flex;align-items:center;gap:18px;background:var(--ink);color:#fff;border-radius:14px;padding:15px 26px;text-align:left;font-size:25px;letter-spacing:-.8px}.store-link>span:first-child{font-size:34px}.store-link small{display:block;font-size:9px;letter-spacing:2px;margin-bottom:3px}footer{padding-top:45px!important;padding-bottom:35px!important;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:25px}footer .brand{font-size:24px}footer .brand img{width:37px;height:37px}footer .brand span{font-size:12px;letter-spacing:0;font-weight:400;margin-left:10px}footer>div{display:flex;gap:25px;font-size:12px}footer>p{width:100%;font-size:10px;color:var(--muted);margin:0}a:hover{opacity:.8}@media(max-width:1050px){.wrap{padding-left:32px;padding-right:32px}.hero{gap:20px}h1{font-size:63px}.orb{width:440px;height:440px;top:160px}.result-card{left:-15px;padding:17px;max-width:320px}.split{gap:55px}.features{gap:15px}.features article{padding:25px}.calendar-visual{height:600px}.calendar-visual .framed-phone{height:550px}.source-chip{padding:12px 15px}.duo-stage{height:550px}}@media(max-width:760px){.wrap{padding-left:24px;padding-right:24px}.nav{height:90px}.nav nav>a:not(.pill){display:none}.nav .pill{font-size:10px;padding:11px 13px;gap:10px}.brand{font-size:25px}.brand img{width:39px;height:39px}.hero{grid-template-columns:1fr;padding-top:40px;padding-bottom:35px;gap:35px;overflow:hidden}h1{font-size:64px;letter-spacing:-3.8px;line-height:1.03}h1 br:nth-of-type(1),h1 em br{display:none}.intro{font-size:16px;max-width:450px}.hero-copy>.quiet{font-size:11px}.journey{height:790px;padding-top:60px;max-width:480px;width:100%;margin:auto}.orb{width:430px;height:430px;top:150px}.result-card{left:0;top:505px;max-width:320px}.steps{top:675px}.journey>.demo-note{top:748px}.section{padding-top:75px;padding-bottom:75px}h2{font-size:42px;letter-spacing:-2px}.split{grid-template-columns:1fr;gap:45px}.calendar-section .section-copy{order:1}.calendar-visual{order:2;height:610px;margin-top:15px}.calendar-visual .framed-phone{height:550px}.source-chip.google{right:0}.section-copy>p:not(.eyebrow):not(.quiet):not(.quote){font-size:16px}.section-heading{text-align:left;margin-bottom:35px}.features{grid-template-columns:1fr 1fr;gap:12px}.features article{padding:22px}.features h3{font-size:17px;line-height:1.35}.features p{font-size:13px}.story{gap:25px;padding-top:35px}.story-image{min-height:610px;padding:35px}.story-image .framed-phone{height:540px}.reverse .section-copy{order:0}.reverse .story-image{order:0}.duo h2{font-size:45px}.duo-intro{font-size:15px}.duo-stage{height:390px;margin-left:-15px;margin-right:-15px}.privacy p:not(.eyebrow){font-size:15px}.faq h2{font-size:35px}.faq summary{font-size:15px}.faq details p{font-size:14px}.coming h2{font-size:39px}footer{align-items:flex-start}footer .brand span{display:none}}@media(max-width:380px){h1{font-size:55px}.features{grid-template-columns:1fr}.journey .phone{width:254px}.result-card{top:490px}.nav .pill{font-size:9px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
/* Réunion → compte rendu ; le Duo s’ouvre avec le défilement. */
.hero h1{font-size:clamp(48px,4.5vw,64px);line-height:1.065;letter-spacing:-3.4px}.duo-ready{display:inline-flex;gap:9px;align-items:center;background:#e2ebce;border:1px solid #c8d8b1;border-radius:30px;padding:10px 15px;font-size:12px;font-weight:600;margin-bottom:23px}.hero-copy>.eyebrow{margin-bottom:18px}.duo-scroll{position:relative;--duo-progress:0;--duo-blend:0}.duo-sticky{padding:70px 0 45px}.duo-scroll h2{font-size:clamp(35px,3.25vw,48px);max-width:900px;margin:0 auto 18px}.duo-scroll .eyebrow{margin-bottom:16px}.duo-scroll .duo-intro{font-size:15px;line-height:1.65;max-width:680px;margin-bottom:10px}.duo-scroll .duo-stage{height:440px;position:relative;max-width:920px;margin:0 auto;perspective:1800px}.duo-laptop{width:630px;max-width:90%;margin:20px auto 35px;position:relative;filter:drop-shadow(0 22px 20px #001c1880);transform-origin:center center}.laptop-upper{padding:8px;border-radius:26px 26px 6px 6px;background:linear-gradient(115deg,#718075,#18251e 25%,#536358 75%,#15251c);border:1px solid #8d9e8f;transform:perspective(1600px) rotateX(-9deg);transform-origin:center bottom}.laptop-screen{background:#f4f8f5;color:#193c30;border-radius:18px 18px 3px 3px;padding:13px 20px 18px;text-align:left}.laptop-title{display:flex;align-items:center;justify-content:space-between;font-size:15px;font-weight:650;margin-bottom:12px}.laptop-title span{font-size:10px}.laptop-transport{display:flex;gap:12px;align-items:center;margin-bottom:12px}.laptop-transport>div{flex:1}.laptop-transport small{font-size:8px;color:#087d5a;display:block;font-weight:650;letter-spacing:.5px}.laptop-transport b{font-size:29px;display:block;letter-spacing:-1px;margin-top:3px}.laptop-transport>span{font-size:11px;font-weight:600;background:#e4e9e6;padding:12px 20px;border-radius:25px}.laptop-transport .finish{background:#087d5a;color:white}.laptop-note{background:white;border-radius:14px;padding:13px 16px}.laptop-note>div{display:flex;justify-content:space-between;align-items:center}.laptop-note b{font-size:12px}.laptop-note small{font-size:9px;color:#5e7065}.laptop-note p{font-size:12px;line-height:1.8;background:#ecf1ed;border-radius:9px;padding:12px;margin:10px 0;color:#284f3d}.save-note{font-size:10px;background:#087d5a;color:white;padding:8px 13px;border-radius:8px}.laptop-hinge{height:7px;background:linear-gradient(#8ca18e,#122c1b 50%,#5d7864);margin:0 -1px;position:relative;z-index:2}.laptop-lower{background:linear-gradient(115deg,#718075,#18251e 25%,#536358 75%,#15251c);padding:7px;border-radius:3px 3px 25px 25px;border:1px solid #859884;transform:perspective(850px) rotateX(53deg);transform-origin:center top;margin-bottom:-90px}.keyboard-toolbar{background:#f3f6f1;color:#1b664d;display:flex;justify-content:space-between;font-size:13px;padding:9px 15px;border-radius:3px 3px 0 0}.keyboard{padding:12px 10px 20px;border-radius:0 0 20px 20px;background:#dbe0df;color:#1c2922}.keyboard>div{display:flex;gap:6px;justify-content:center;margin:0 auto 7px}.keyboard i{font-style:normal;display:grid;place-items:center;height:32px;min-width:0;flex:1;background:#fff;border-radius:5px;box-shadow:0 2px 0 #a7b4aa;font-size:14px}.keyboard>div:nth-child(3){padding:0 15px}.keyboard .space{flex:5}.duo-open-view{display:block;max-height:440px;margin:auto}.duo-captions{max-width:650px;margin:auto;position:relative}.duo-caption b{font-size:19px;letter-spacing:-.4px}.duo-caption p{font-size:13px;line-height:1.7;color:#b8cbbd;margin:10px 0 18px}.scroll-cue{font-size:11px;color:#c4d5c2;margin:15px 0 10px}.duo-progress{height:2px;background:#577561;max-width:160px;margin:12px auto}.duo-progress span{display:block;height:100%;background:#c5df9d;transform-origin:left;transform:scaleX(var(--duo-progress))}.duo-scroll .demo-note{font-size:9px;margin:0;line-height:1.6}.duo-motion-ready .duo-scroll{height:250svh}.duo-motion-ready .duo-sticky{position:sticky;top:0;min-height:100svh;display:flex;align-items:center}.duo-motion-ready .duo-sticky>.wrap{width:100%}.duo-motion-ready .duo-stage>.duo-laptop,.duo-motion-ready .duo-open-view{position:absolute;left:50%;top:50%;margin:0}.duo-motion-ready .duo-stage>.duo-laptop{transform:translate(-50%,-50%) rotateX(calc(var(--duo-blend)*-8deg)) scale(calc(1 - var(--duo-blend)*.08));opacity:calc(1 - var(--duo-blend))}.duo-motion-ready .duo-open-view{width:100%;height:100%;transform:translate(-50%,-50%) scale(calc(.91 + var(--duo-blend)*.09));opacity:var(--duo-blend);object-fit:contain}.duo-motion-ready .duo-captions{height:80px}.duo-motion-ready .laptop-caption{opacity:calc(1 - var(--duo-blend))}.duo-motion-ready .open-caption{position:absolute;inset:0;opacity:var(--duo-blend)}@media(max-width:760px){.hero h1{font-size:50px;letter-spacing:-2.6px}.hero h1 br{display:block!important}.duo-ready{font-size:11px}.duo-sticky{padding:35px 0 25px}.duo-scroll h2{font-size:32px;letter-spacing:-1.5px}.duo-scroll .eyebrow{font-size:9px;margin-bottom:12px}.duo-scroll .duo-intro{font-size:13px;line-height:1.6}.duo-scroll .duo-stage{height:330px;margin:0 -10px}.duo-laptop{width:520px;max-width:none;zoom:.63}.duo-motion-ready .duo-stage>.duo-laptop{left:50%;top:50%}.duo-caption b{font-size:17px}.duo-caption p{font-size:12px}.duo-motion-ready .duo-captions{height:88px}.duo-scroll .demo-note{font-size:8px}}@media(max-height:760px) and (min-width:761px){.duo-sticky{padding:25px 0}.duo-scroll .duo-stage{height:310px}.duo-scroll h2{font-size:35px}.duo-scroll .duo-intro{font-size:13px}.duo-motion-ready .duo-captions{height:65px}.duo-caption p{margin:5px 0}.duo-laptop{zoom:.78}.duo-scroll .eyebrow{margin-bottom:10px}}@media(prefers-reduced-motion:reduce){.duo-motion-ready .duo-scroll{height:auto}.duo-motion-ready .duo-sticky{position:static;display:block;min-height:0}.duo-motion-ready .duo-stage{height:auto;display:flex;flex-direction:column;gap:45px;padding:20px 0}.duo-motion-ready .duo-stage>.duo-laptop,.duo-motion-ready .duo-open-view{position:relative;left:auto;top:auto;transform:none;opacity:1;margin:0 auto}.duo-motion-ready .duo-open-view{height:auto;max-height:440px}.duo-motion-ready .duo-captions{height:auto}.duo-motion-ready .duo-caption{position:static;opacity:1;margin-bottom:25px}.duo-progress,.scroll-cue{display:none}}
.duo-laptop{zoom:.82}@media(max-width:760px){.duo-laptop{zoom:.55}.duo-scroll .duo-stage{height:325px}}@media(max-height:760px) and (min-width:761px){.duo-laptop{zoom:.65}}
.duo-scroll{overflow:clip}
.duo-motion-ready [data-phase=laptop] .laptop-caption,.duo-motion-ready [data-phase=open] .open-caption{opacity:1;visibility:visible}.duo-motion-ready [data-phase=laptop] .open-caption,.duo-motion-ready [data-phase=open] .laptop-caption{opacity:0;visibility:hidden}@media(prefers-reduced-motion:reduce){.duo-motion-ready .duo-scroll .duo-caption{opacity:1;visibility:visible}}
html:not(.duo-motion-ready) .duo-scroll .duo-stage{height:auto;display:flex;flex-direction:column;gap:70px;padding:20px 0}
/* Captures natives du bureau calendrier + notes, après développement. */
.duo-scroll .duo-laptop.native{zoom:1;width:100%;height:100%;max-width:100%;object-fit:contain;filter:none;margin:0 auto}.duo-motion-ready .duo-stage>.duo-laptop.native{position:absolute}html:not(.duo-motion-ready) .duo-laptop.native{height:440px}@media(prefers-reduced-motion:reduce){.duo-motion-ready .duo-stage>.duo-laptop.native{position:relative;height:440px}}@media(max-width:760px){html:not(.duo-motion-ready) .duo-laptop.native{height:325px}}@media(max-width:760px) and (prefers-reduced-motion:reduce){.duo-motion-ready .duo-stage>.duo-laptop.native{height:325px}}

/* Let the actual app screens occupy the space, with less transparent framing. */
.duo-sticky{padding-top:40px;padding-bottom:35px}.duo-scroll .duo-stage{max-width:1150px;height:clamp(350px,53svh,560px)}.duo-scroll h2{font-size:clamp(35px,3.1vw,45px)}.duo-scroll .duo-intro{margin-bottom:0}.duo-scroll .duo-open-view{max-height:none}.duo-scroll .duo-laptop.native{max-height:none}
@media(max-height:760px) and (min-width:761px){.duo-sticky{padding:20px 0}.duo-scroll .duo-stage{height:350px}.duo-scroll h2{font-size:34px}}
@media(max-width:760px){.duo-sticky{padding:28px 0 22px}.duo-scroll h2{font-size:32px}.duo-scroll .duo-stage{height:325px;margin-left:-20px;margin-right:-20px}}
@media(prefers-reduced-motion:reduce){.duo-motion-ready .duo-scroll .duo-stage{height:auto}.duo-motion-ready .duo-open-view{max-height:560px}}
@media(min-width:1100px) and (prefers-reduced-motion:no-preference){
.duo-motion-ready .duo-sticky>.wrap{display:grid;grid-template-columns:320px minmax(0,1fr);grid-template-rows:auto auto auto 1fr auto auto auto;column-gap:30px;text-align:left;align-items:center}
.duo-scroll .eyebrow{grid-column:1;grid-row:1}.duo-scroll h2{grid-column:1;grid-row:2;font-size:42px;letter-spacing:-2px;margin:0 0 24px}.duo-scroll .duo-intro{grid-column:1;grid-row:3;margin:0;font-size:15px}.duo-motion-ready .duo-scroll .duo-stage{grid-column:2;grid-row:1/8;width:100%;margin:0;height:min(82svh,820px)}.duo-motion-ready .duo-captions{grid-column:1;grid-row:4;width:100%;height:145px;margin:35px 0;align-self:center}.duo-scroll .duo-progress{grid-column:1;grid-row:5;width:160px;margin:12px 0}.duo-scroll .scroll-cue{grid-column:1;grid-row:6}.duo-scroll .demo-note{grid-column:1;grid-row:7;text-align:left}
}