:root{--yellow:#f2c62e;--ink:#333438;--muted:#747579;--line:#e7e6e2;--paper:#fff;--cream:#f7f6f1;--blue:#2878d0;--shadow:0 25px 70px rgba(51,52,56,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--cream);font-family:"Open Sans",Arial,sans-serif;min-height:100vh}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 13% 30%,rgba(242,198,46,.12),transparent 23%),linear-gradient(115deg,transparent 70%,rgba(255,255,255,.8));z-index:-1}.site-header{height:104px;padding:18px clamp(24px,5vw,78px);display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.87);border-bottom:1px solid #ecebe7}.logo{width:155px;display:block}.help-link{color:var(--ink);text-decoration:none;font-size:14px;font-weight:600}.help-link span{display:inline-grid;place-items:center;border:1px solid #bbb;border-radius:50%;width:25px;height:25px;margin-right:8px}.hero{text-align:center;padding:68px 20px 154px;background-color:#fbfaf7;background-image:linear-gradient(rgba(255,255,255,.68),rgba(255,255,255,.72)),url("https://www.imaginarium-vichy.fr/wp-content/uploads/webp-imaginarium/2024/02/nuage2.webp");background-position:8% 75%;background-repeat:no-repeat;background-size:330px}.eyebrow{display:flex;align-items:center;justify-content:center;gap:10px;text-transform:uppercase;letter-spacing:2.5px;font-size:11px;font-weight:700;color:#767676}.eyebrow span{width:25px;height:3px;background:var(--yellow)}h1,h2{font-family:"Big Shoulders Display",Impact,sans-serif;margin:0;text-transform:uppercase;line-height:.98}h1{font-size:clamp(48px,6vw,82px);letter-spacing:-1px;margin-top:20px}h1 em{font-style:normal;color:var(--yellow)}.hero>p{max-width:620px;margin:24px auto 20px;color:var(--muted);font-size:16px;line-height:1.75}.trust{display:flex;justify-content:center;align-items:center;gap:9px;color:#858585;font-size:11px;text-transform:uppercase;letter-spacing:.5px}.trust span{color:#62a66b;font-weight:700}.trust i{width:3px;height:3px;background:#bbb;border-radius:50%}.setup-card{width:min(680px,calc(100% - 32px));min-height:510px;margin:-105px auto 70px;background:var(--paper);box-shadow:var(--shadow);position:relative}.progress{height:5px;background:#eeede8}.progress b{height:100%;display:block;background:var(--yellow);transition:width .35s ease}.step{padding:46px clamp(25px,7vw,72px) 55px;animation:fade .28s ease}.step[hidden]{display:none}@keyframes fade{from{opacity:0;transform:translateY(8px)}}.step-heading{text-align:center;margin-bottom:30px}.step-heading small{font-size:10px;letter-spacing:2px;color:#999;font-weight:700}.step-heading h2{font-size:38px;margin-top:8px}label{display:block;font-size:12px;font-weight:700;margin:19px 0 8px}.field{display:flex;align-items:center;border:1px solid #d9d8d3;height:54px;transition:.2s}.field:focus-within{border-color:var(--yellow);box-shadow:0 0 0 3px rgba(242,198,46,.13)}.field>span{width:50px;text-align:center;color:#aaa}.field input{border:0;outline:0;flex:1;height:100%;font:inherit;font-size:14px;min-width:0}.show-password{border:0;background:none;padding:15px;color:#777;font-size:11px;cursor:pointer}.error{color:#b84848;font-size:11px;margin:5px 0 0;min-height:2px}.privacy{display:flex;gap:13px;background:#f7f8f4;padding:15px 17px;margin-top:23px;align-items:flex-start}.privacy>span{color:#66a56d;font-size:22px}.privacy p{font-size:11px;line-height:1.55;margin:0;color:#777}.privacy strong{font-size:12px;color:#555}.primary,.secondary{width:100%;height:56px;border:0;font-family:inherit;font-weight:700;cursor:pointer;letter-spacing:.3px}.primary{margin-top:24px;background:var(--yellow);color:#292929;box-shadow:0 10px 23px rgba(242,198,46,.25)}.primary span{float:right;margin-right:18px;font-size:20px;line-height:16px}.primary:hover{filter:brightness(.97);transform:translateY(-1px)}.back{border:0;background:none;color:#888;cursor:pointer;position:absolute;top:30px;left:34px}.intro{text-align:center;color:#777;font-size:13px;margin:-14px 0 25px}.clients{display:grid;gap:10px}.client{border:1px solid var(--line);background:white;min-height:76px;display:grid;grid-template-columns:52px 1fr 24px;grid-template-rows:1fr 1fr;text-align:left;align-items:end;padding:12px 17px;cursor:pointer;transition:.2s}.client:hover,.client:focus{border-color:var(--yellow);transform:translateX(3px);box-shadow:0 6px 18px rgba(0,0,0,.06);outline:none}.client-icon{grid-row:1/3;align-self:center;width:42px;height:42px;border-radius:11px;display:grid;place-items:center;color:white;font-weight:800;font-size:18px}.client strong{align-self:end;font-size:14px}.client small{align-self:start;color:#999;font-size:11px;margin-top:3px}.client i{grid-column:3;grid-row:1/3;align-self:center;font-style:normal;color:#aaa}.apple{background:#333}.outlook{background:#2878d0}.thunderbird{background:#4169af}.other{background:#8a8a8a}.result-hero{text-align:center;margin:3px 0 28px}.result-icon{display:grid;place-items:center;margin:0 auto 16px;width:64px;height:64px;border-radius:50%;background:#f5cb3c;font-size:28px}.result-hero p{color:#777;font-size:13px;line-height:1.6}.result-hero strong{color:#444}.install-button{display:block;width:100%;padding:17px;text-decoration:none;text-align:center;background:var(--yellow);color:#2e2e2e;font-weight:700;border:0;cursor:pointer;font:700 14px "Open Sans"}.instructions{background:#f8f7f3;padding:18px 22px;margin:18px 0}.instructions h3{font-size:12px;margin:0 0 12px;text-transform:uppercase}.instructions ol{margin:0;padding-left:20px;color:#686868;font-size:12px;line-height:1.8}.settings{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:20px}.settings summary{padding:17px 2px;cursor:pointer;font-size:12px;font-weight:700;list-style:none}.settings summary span{float:right}.settings-grid{padding:2px 0 18px;display:grid;gap:13px}.settings-grid>div{background:#f8f7f3;padding:13px}.settings-grid small{font-size:9px;color:#999;letter-spacing:1px}.settings-grid p{font-size:11px;color:#777;margin:7px 0 0}.settings-grid p:first-of-type{display:flex;align-items:center}.settings-grid b{color:#444}.settings-grid button{margin-left:auto;border:0;background:none;color:#987a0f;font-size:10px;cursor:pointer}.secondary{background:transparent;border:1px solid #ddd;margin-top:20px;color:#666}.toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,20px);background:#333;color:#fff;padding:10px 18px;font-size:12px;opacity:0;pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}footer{display:flex;justify-content:space-between;gap:20px;padding:28px clamp(24px,5vw,78px);border-top:1px solid #e3e2dd;color:#8a8a8a;font-size:11px}footer a{color:#666;text-decoration:none}
@media(max-width:650px){.site-header{height:80px;padding:15px 20px}.logo{width:125px}.help-link{font-size:0}.hero{padding:48px 18px 135px;background-size:230px}.hero>p{font-size:14px}.trust{flex-wrap:wrap}.setup-card{margin-top:-90px}.step{padding-top:45px}.back{top:23px;left:18px}.step-heading h2{font-size:32px}footer{flex-direction:column;text-align:center;gap:5px}.client{padding-left:12px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
.hero{background-image:linear-gradient(rgba(255,255,255,.68),rgba(255,255,255,.72)),url("nuage.webp")}
.simple-steps ol{display:grid;gap:10px}.simple-steps li{padding-left:5px;line-height:1.55}.fallback{margin-top:15px;border-top:1px solid #e2e1dc;padding-top:12px}.fallback summary{cursor:pointer;color:#777;font-size:11px;font-weight:700}.fallback p{font-size:11px;line-height:1.55;color:#777;margin:10px 0 0}
.featured{border-left:4px solid var(--yellow)}.gmail{background:#d95040}.samsung{background:#3155a5}.tutorial-step{padding-left:clamp(24px,5vw,52px);padding-right:clamp(24px,5vw,52px)}.guide-intro{text-align:center;color:#777;font-size:12px;line-height:1.6;margin:-12px 0 20px}.imap-notice{display:flex;flex-direction:column;gap:4px;background:#fff8d9;border-left:4px solid var(--yellow);padding:15px 17px;margin-bottom:22px}.imap-notice strong{font-size:13px;text-transform:uppercase}.imap-notice span{font-size:11px;color:#777}.guide-steps{list-style:none;padding:0;margin:0;display:grid;gap:10px;counter-reset:steps}.guide-steps li{display:grid;grid-template-columns:34px 1fr;gap:12px;align-items:start;background:#f8f7f3;padding:13px 15px}.guide-steps li>span{display:grid;place-items:center;background:var(--yellow);border-radius:50%;width:29px;height:29px;font:700 13px "Open Sans"}.guide-steps p{margin:4px 0 0;color:#5f6063;font-size:12px;line-height:1.65}.remote-help{text-align:center;margin-top:28px;padding:27px 22px;background:#35363a;color:#fff}.help-symbol{display:grid;place-items:center;margin:0 auto 9px;border:1px solid #777;border-radius:50%;width:30px;height:30px}.remote-help h3{font-family:"Big Shoulders Display",Impact,sans-serif;text-transform:uppercase;font-size:25px;margin:0}.remote-help>p{font-size:11px;line-height:1.65;color:#ccc;max-width:470px;margin:8px auto 18px}.os-choice{display:grid;grid-template-columns:1fr 1fr;gap:8px}.os-choice button{height:45px;border:1px solid #68696c;color:#fff;background:transparent;font:600 12px "Open Sans";cursor:pointer}.os-choice button:hover,.os-choice button.selected{border-color:var(--yellow);color:var(--yellow)}.teamviewer-link{display:block;background:var(--yellow);color:#292929;text-decoration:none;padding:14px;margin-top:10px;font-size:12px;font-weight:700}.teamviewer-link[hidden]{display:none}.remote-help>small{display:block;color:#aaa;line-height:1.5;margin-top:10px;font-size:9px}
.ask-help{border:0;background:var(--yellow);color:#292929;padding:14px 25px;font:700 12px "Open Sans";cursor:pointer}.ask-help[hidden],.os-choice[hidden]{display:none}.os-choice{display:block}.os-choice>p{font-size:12px;font-weight:700;margin:3px 0 10px}.os-choice>div{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.hero{position:relative;overflow:hidden;padding-top:76px}.balloon{position:absolute;pointer-events:none;z-index:0;will-change:transform}.hero>*:not(.balloon){position:relative;z-index:1}.balloon-left{width:clamp(105px,16vw,225px);left:3vw;top:40px;animation:float-left 8s ease-in-out infinite}.balloon-right{width:clamp(90px,13vw,180px);right:4vw;top:110px;animation:float-right 10s ease-in-out -2s infinite}@keyframes float-left{0%,100%{transform:translate3d(0,0,0) rotate(-1deg)}50%{transform:translate3d(18px,-24px,0) rotate(2deg)}}@keyframes float-right{0%,100%{transform:translate3d(0,0,0) rotate(1deg)}50%{transform:translate3d(-16px,-30px,0) rotate(-2deg)}}.quick-servers{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.quick-servers p{display:grid;grid-template-columns:1fr auto;gap:2px 8px;background:#fff;margin:0;padding:10px}.quick-servers small{grid-column:1/-1;font-size:8px;letter-spacing:1px;color:#999;text-transform:uppercase}.quick-servers b{font-size:11px}.quick-servers button{grid-column:2;grid-row:2;border:0;background:#343539;color:#fff;padding:4px 8px;font-size:9px;cursor:pointer}@media(max-width:650px){.balloon-left{left:-45px;top:35px}.balloon-right{right:-38px;top:150px}.quick-servers{grid-template-columns:1fr}}
.hero>p{font-size:18px}.trust{font-size:13px}.intro{font-size:16px}.client strong{font-size:17px}.client small{font-size:14px}.client{min-height:86px}.guide-intro{font-size:15px}.imap-notice strong{font-size:16px}.imap-notice>span{font-size:14px}.quick-servers small{font-size:10px}.quick-servers b{font-size:15px}.quick-servers button{font-size:12px;padding:7px 11px}.guide-steps p{font-size:15px;line-height:1.7}.guide-steps li>span{font-size:15px;width:32px;height:32px}.settings summary{font-size:15px}.settings-grid small{font-size:11px}.settings-grid p{font-size:14px}.settings-grid button{font-size:12px}.remote-help>p{font-size:14px}.ask-help,.os-choice button,.teamviewer-link{font-size:14px}.os-choice>p{font-size:15px}.remote-help>small{font-size:12px}.back{font-size:14px}footer{font-size:13px}@media(max-width:650px){.hero>p{font-size:16px}.client strong{font-size:16px}.client small{font-size:13px}.guide-steps p{font-size:14px}.step{padding-left:20px;padding-right:20px}}
.hero{padding:58px 20px 105px;background-image:none;min-height:360px}.setup-card{margin-top:-58px}.balloon-left{width:clamp(55px,7vw,92px);left:8vw;top:32px;opacity:.58}.balloon-right{width:clamp(48px,6vw,78px);right:9vw;top:92px;opacity:.45}.cloud{position:absolute;pointer-events:none;z-index:0;opacity:.3;will-change:transform}.cloud-left{width:190px;left:-35px;bottom:8px;animation:cloud-drift 16s ease-in-out infinite}.cloud-right{width:145px;right:-25px;bottom:45px;transform:scaleX(-1);animation:cloud-drift-right 20s ease-in-out infinite}@keyframes cloud-drift{50%{transform:translateX(28px)}}@keyframes cloud-drift-right{50%{transform:translateX(-25px) scaleX(-1)}}.home-step{padding-top:42px}.home-actions{display:grid;gap:13px}.action-card{width:100%;min-height:96px;border:1px solid var(--line);background:#fff;color:var(--ink);display:grid;grid-template-columns:58px 1fr 25px;align-items:center;gap:15px;padding:15px 20px;text-align:left;text-decoration:none;cursor:pointer;transition:.2s;font-family:inherit}.action-card:hover,.action-card:focus{border-color:var(--yellow);box-shadow:0 8px 25px rgba(0,0,0,.07);transform:translateY(-2px);outline:none}.action-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:#fff7d5;color:#37383b;font-size:23px}.action-card>span:nth-child(2){display:flex;flex-direction:column;gap:5px}.action-card strong{font-size:17px}.action-card small{font-size:13px;color:#777;line-height:1.45}.action-card i{font-style:normal;font-size:20px;color:#aaa}.test-explain{font-size:14px;line-height:1.65;color:#717276;text-align:center;margin:-12px 0 25px}.show-test-password{border:0;background:none;padding:14px;color:#666;cursor:pointer}.form-error{min-height:22px;color:#b13b3b;font-size:13px}.primary:disabled{opacity:.6;cursor:wait}.test-status{background:#edf8ee;border-left:4px solid #5b9d64;padding:17px;margin-top:25px}.test-status strong{font-size:17px;color:#35723e}.test-status p{margin:7px 0 0;font-size:13px}.test-step #test-results h3{font-family:"Big Shoulders Display",Impact,sans-serif;text-transform:uppercase;font-size:25px;margin:25px 0 10px}.message-list{list-style:none;padding:0;margin:0;display:grid;gap:8px}.message-list li{display:grid;grid-template-columns:1fr auto;gap:5px 15px;background:#f8f7f3;padding:14px}.message-list strong{font-size:14px}.message-list span{grid-column:1;color:#6d6e71;font-size:12px}.message-list time{grid-column:2;grid-row:1/3;color:#888;font-size:11px}.empty-message{font-size:13px;color:#777}@media(max-width:650px){.hero{padding:42px 18px 92px;min-height:330px}.setup-card{margin-top:-48px}.balloon-left{left:10px;top:22px}.balloon-right{right:8px;top:130px}.cloud-left{width:130px}.cloud-right{width:105px}.action-card{grid-template-columns:48px 1fr 18px;padding:13px;gap:10px}.action-icon{width:44px;height:44px}.action-card strong{font-size:15px}.action-card small{font-size:12px}.message-list li{grid-template-columns:1fr}.message-list time,.message-list span{grid-column:1;grid-row:auto}}
.hero{padding:44px 20px 72px;min-height:0}.setup-card{margin-top:-28px}.balloon-left{width:clamp(38px,4.5vw,58px);left:9vw;top:28px;opacity:.34}.balloon-right{width:clamp(34px,4vw,52px);right:10vw;top:92px;opacity:.3}.cloud{opacity:.23}.cloud-left{width:150px}.cloud-right{width:115px}@media(max-width:650px){.hero{padding:38px 18px 65px}.setup-card{margin-top:-24px}.balloon-left{width:42px;left:8px}.balloon-right{width:37px;right:9px;top:105px}.cloud-left{width:105px}.cloud-right{width:85px}}
body{background:#fbfaf7}body:before{display:none}.hero{background:#fbfaf7}.balloon-left{width:clamp(72px,8vw,115px);opacity:.43}.balloon-right{width:clamp(62px,7vw,98px);opacity:.38}.home-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.action-card{min-height:190px;aspect-ratio:1/1;grid-template-columns:1fr 22px;grid-template-rows:auto 1fr;align-content:center;padding:25px}.action-icon{grid-column:1/-1;width:58px;height:58px;margin-bottom:8px}.action-card>span:nth-child(2){align-self:start}.action-card i{grid-column:2;grid-row:2;align-self:center}.standalone-help{margin-top:0;padding:36px 28px}.standalone-help .os-choice{margin-top:22px}@media(max-width:650px){.balloon-left{width:65px}.balloon-right{width:58px}.home-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.action-card{min-height:0;aspect-ratio:1/1;padding:14px;grid-template-columns:1fr 16px}.action-icon{width:46px;height:46px}.action-card strong{font-size:14px}.action-card small{font-size:10px}}
.setup-card{transition:width .3s ease}.setup-card.home-mode{width:min(1180px,calc(100% - 48px))}.home-mode .home-step{padding:46px 44px 55px}.home-mode .home-actions{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.home-mode .action-card{aspect-ratio:1/1;min-height:0;padding:24px;grid-template-columns:1fr 20px;grid-template-rows:auto 1fr}.home-mode .action-icon{width:78px;height:78px;margin-bottom:18px;background:#fff6ce}.action-icon svg{width:46px;height:46px;fill:none;stroke:#37383b;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}.home-mode .action-card strong{font-size:18px;line-height:1.35}.home-mode .action-card small{font-size:13px;line-height:1.5}.home-mode .action-card i{font-size:23px}@media(max-width:950px){.setup-card.home-mode{width:min(720px,calc(100% - 32px))}.home-mode .home-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.home-mode .home-step{padding:35px 16px 40px}.home-mode .home-actions{gap:10px}.home-mode .action-card{padding:14px}.home-mode .action-icon{width:58px;height:58px;margin-bottom:8px}.action-icon svg{width:34px;height:34px}.home-mode .action-card strong{font-size:14px}.home-mode .action-card small{font-size:10px}}
.hero h1{margin-bottom:8px}
.return-site{display:inline-flex;align-items:center;justify-content:center;align-self:center;min-height:44px;padding:10px 20px!important;background:var(--yellow);color:#292929!important;font-size:13px;font-weight:700;text-decoration:none;transition:.2s}.return-site:hover{transform:translateY(-2px);box-shadow:0 7px 18px rgba(242,198,46,.25)}
.remote-help .teamviewer-note,.remote-help #teamviewer-note{font-size:16px;font-weight:600;line-height:1.65;color:#fff;margin-top:16px}