*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:100%;-webkit-text-size-adjust:100%}body{line-height:1}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}a{text-decoration:none;color:inherit}table{border-collapse:collapse;border-spacing:0}@font-face{font-family:Annie Use Your Telescope;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/annie-use-your-telescope-latin-regular.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Onest;font-weight:100 900;font-display:swap;src:url(/assets/fonts/onest-latin-vf.woff2) format("woff2-variations");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}body,html{min-height:100%}body{min-height:100vh;min-height:100svh;display:flex;flex-direction:column;padding-left:env(safe-area-inset-left,0);padding-right:env(safe-area-inset-right,0)}.main{flex:1 0 auto}footer{margin-top:auto;padding-bottom:env(safe-area-inset-bottom,0)}header{padding:1rem 2rem;display:grid;gap:2rem;grid-template-columns:3fr 1fr;align-items:center;position:sticky;top:0;z-index:9999;transition:all .2s ease-out}body.is-scrolled header{background-color:hsla(0,0%,100%,.8)}@media screen and (min-width:576px){header{grid-template-columns:1fr 1fr}}@media screen and (min-width:992px){header{grid-template-columns:200px 1fr}}.primary-navigation ul{display:flex;gap:2rem;justify-content:flex-end;list-style:none}.primary-navigation ul li a{text-transform:uppercase;color:#22677e;font-size:.9rem;font-weight:700}.secondary-navigation ul{display:flex;gap:2rem;justify-content:center;align-items:center;flex-direction:column;list-style:none}@media screen and (min-width:576px){.secondary-navigation ul{flex-direction:row}}.secondary-navigation ul li a{text-transform:uppercase;font-weight:700}.overlay-navigation{visibility:hidden;opacity:0;transition:all .3s ease-out;position:fixed;top:0;left:0;width:100%;height:100%}.overlay-navigation.open{visibility:visible;opacity:1}footer{padding:4rem;background-color:#22677e}footer *{color:#fff}:root{--step--1:clamp(0.875rem,0.82rem + 0.28vw,1rem);--step-0:clamp(1rem,0.93rem + 0.35vw,1.125rem);--step-1:clamp(1.25rem,1.12rem + 0.6vw,1.5rem);--step-2:clamp(1.5rem,1.32rem + 0.92vw,1.875rem);--step-3:clamp(1.875rem,1.6rem + 1.4vw,2.5rem);--step-4:clamp(2.25rem,1.9rem + 1.85vw,3.25rem);--step-5:clamp(2.75rem,2.2rem + 2.6vw,4rem)}body{font-family:Onest,Arial,Helvetica,sans-serif;font-size:var(--step-0);color:#3a5b66;line-height:1.6}h1,h2,h3,h4,h5,h6{line-height:1.15;text-wrap:balance}h1{font-size:var(--step-5)}h2{font-size:var(--step-4)}h3{font-size:var(--step-3)}h4{font-size:var(--step-2)}h5{font-size:var(--step-1)}h6{letter-spacing:.01em}h6,li,ol,p,ul{font-size:var(--step-0)}small{font-size:var(--step--1)}.button{--button-outline-color:currentColor;--button-hover-text-color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.65rem 1.25rem;border:2px solid var(--button-outline-color);border-radius:9999px;corner-shape:squircle;background-color:transparent;color:inherit;text-decoration:none;cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease}.button:focus-visible,.button:hover{background-color:var(--button-outline-color);color:var(--button-hover-text-color)}.button:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(0,0,0,.15)}.button--primary{--button-outline-color:#22677e;--button-hover-text-color:#fff}.button--success{--button-outline-color:#a3b145;--button-hover-text-color:#fff}#logo{display:flex;align-items:flex-end;gap:20px;position:relative}#otelico-symbol #green{stroke:#a3b145;transform-origin:center}#otelico-symbol #orange{stroke:#df893a;transform-origin:center}.introduction{margin-top:30vh;display:flex;flex-direction:column;align-items:center}.introduction .logo{margin-bottom:1rem;display:flex;align-items:flex-end;justify-content:center;gap:20px;position:relative}.introduction .tagline{text-align:center;width:clamp(300px,60vw,900px);color:#22677e;font-size:var(--step-2);font-weight:700}.introduction .screenshot{width:clamp(400px,70vw,1200px)}#otelico-symbol{width:200px;height:auto;position:relative}#otelico-symbol path{stroke-width:3px;vector-effect:non-scaling-stroke;fill:none}#otelico-symbol #otelico-logo-big-o{stroke:#df893a;transform-origin:center}#otelico-symbol #otelico-logo-small-o{stroke:#22677e;transform-origin:center}.embarcation{max-width:min(90%,1600px);margin:2rem auto;position:relative;height:100vh}.embarcation__text{display:flex;flex-direction:column;align-items:center}.embarcation__text>p{font-size:clamp(2.75rem,7vw,6rem);margin:0;line-height:1}.embarcation__text>p:first-child{color:#df893a;font-weight:100}.embarcation__text>p:last-child{color:#22677e;font-family:Annie Use Your Telescope;font-size:clamp(4rem,10vw,9rem);margin-left:10%}.embarcation #sailboat{width:300px;height:auto;position:absolute;top:0;left:40%}.embarcation #sailboat svg{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.section-introduction{margin-bottom:10rem}.section-introduction__title{font-size:var(--step-5);font-weight:100;color:#22677e;text-align:center}.section-introduction p:not(.section-introduction__title){text-align:center;text-wrap:balance;color:#3a5b66;font-size:var(--step-1);max-width:1000px;margin-inline:auto}.itinerary{overflow-x:hidden;overflow-y:clip;position:relative;padding-bottom:200px}.itinerary-connecting-path{position:absolute;top:0;left:0;bottom:0;width:100%;height:calc(100% - 200px);pointer-events:none;z-index:1;overflow:hidden}.itinerary-connecting-path svg{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}#itinerary-sailboat{position:absolute;width:200px;height:200px;pointer-events:none;z-index:2;top:0;left:0}#itinerary-sailboat svg{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center}.itinerary-steps{max-width:1600px;margin:2rem auto;padding-inline:2rem}#illustration-planification{fill:#22677e}.itinerary-step{display:flex;gap:2rem;justify-content:center;align-items:center;flex-direction:column;margin-bottom:4rem;position:relative}.itinerary-step>*{flex:1 1 50%}@media(min-width:992px){.itinerary-step{flex-direction:row}.itinerary-step:nth-child(2n){flex-direction:row-reverse;transform:translateX(calc(80px + 2rem))}}.itinerary-step__map-point{position:absolute;top:-50px;left:25%;height:80px;width:80px}.itinerary-step__map-point svg{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center}#creation .itinerary-step__map-point{left:75%}.itinerary-step__blob{position:absolute;top:5%;left:-50px;width:200px;height:200px}.itinerary-step__blob svg{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center}#creation .itinerary-step__blob{left:50%}.itinerary-step__image{padding:8rem}.itinerary-step__image svg{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;fill:#22677e}.itinerary-step__image svg mask path{fill:none;stroke:#fff;stroke-width:5}.itinerary-step__content>p{margin-bottom:1rem}.itinerary-step__title{font-family:Annie Use Your Telescope;font-size:6rem;font-size:clamp(4rem,10vw,9rem);margin-bottom:0;color:#22677e;line-height:1.1;display:flex;gap:2rem;align-items:center;transform:translateX(calc(-80px - 2rem))}.itinerary-step__title figure{height:100px;width:80px}@media(min-width:992px){.itinerary-step__title figure{width:100px;height:120px}}.itinerary-step__title figure svg{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center}.itinerary-step__subtitle{font-size:var(--step-1);color:#a3b145;display:flex;gap:1rem;align-items:center;font-weight:700}.itinerary-step__subtitle span{display:inline-flex;align-items:center;gap:1rem}.itinerary-step__subtitle span:not(:last-child):after{content:"";display:inline-block;width:7px;height:7px;background-color:#a3b145;border-radius:50%}.itinerary-step__description{color:#3a5b66}.formules{margin-bottom:6rem}.formules .section-introduction{margin-bottom:2rem}.formules>p:last-child{text-align:center}.formules-list{max-width:1200px;margin:2rem auto;padding-inline:2rem;list-style:none;display:flex;gap:2rem;justify-content:center;align-items:center;flex-direction:column}.formules-list>li{flex:1}@media(min-width:768px){.formules-list{flex-direction:row}}.formules-list .formule-emphasis{font-weight:700;font-size:1.6rem}.formule{padding:4rem 2.5rem;border-radius:50%;corner-shape:squircle;text-align:center}.formule:first-child{background-color:#22677e}.formule:nth-child(2){background-color:#df893a}.formule:last-child{background-color:#a3b145}.formule>*{color:#fff}.formule__icon{height:80px;width:auto}.formule__icon svg{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center}.formule__icon svg path{fill:#fff}.formule__title{font-size:var(--step-3);border-bottom:1px solid hsla(0,0%,100%,.1);margin-bottom:2rem}.formule__items{list-style:none}.otelico-icon{width:100px;height:100px;margin:0 auto}.otelico-icon svg{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center}#bg-symbol{position:fixed;height:100vh;min-height:800px;--background-opacity:0.6;--background:radial-gradient(circle at center,rgba(240,244,245,0.8),rgba(217,226,228,0.8),rgba(176,196,200,0.8),rgba(138,166,173,0.8),rgba(95,136,144,0.8))}#bg-symbol,#bg-symbol:before{top:0;left:0;width:100%;z-index:-1}#bg-symbol:before{content:"";position:absolute;height:100%;opacity:var(--background-opacity);background-image:var(--background)}#bg-symbol #bg-otelico-symbol{position:absolute;top:50%;left:50%;width:auto;height:100vh;transform:translate(-50%,-50%) rotate(45deg);opacity:1;z-index:1}#smooth-content{padding-top:1px;margin-top:-1px}