@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap");
body{background:var(--lf-color-background);color:var(--lf-color-text)}
.lf-web-brand{display:inline-flex;align-items:center}.lf-c-branding{max-width:none}
.lf-web-brand__logo{display:block;width:15rem;aspect-ratio:3130/1501;background:var(--lf-web-logo) center/contain no-repeat;transition:width 240ms ease}
.lf-c-header.is-scrolled .lf-web-brand__logo{width:11rem}
.lf-c-footer .lf-web-brand__logo{width:24rem}
.lf-c-header{background:rgba(255,255,255,.9);border-bottom-color:rgba(41,128,185,.16);backdrop-filter:blur(14px) saturate(140%)}
.lf-c-header__cta{border-radius:var(--lf-button-radius);background:var(--lf-gradient-primary);color:#fff}.lf-c-header__cta:hover{background:#0bb8e8;color:#102433}
.lf-c-hero{position:relative;isolation:isolate;overflow:hidden;min-height:clamp(36rem,68vh,47rem);color:#fff}
.lf-c-hero.is-contrast{background:radial-gradient(circle at 14% 5%,rgba(11,184,232,.28),transparent 31%),linear-gradient(135deg,#263b4f 0%,#34495e 48%,#2980b9 100%)}
.lf-c-hero::before{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(31,48,65,.98) 0 50%,rgba(31,48,65,.72) 61%,rgba(31,48,65,.08) 86%),repeating-linear-gradient(90deg,rgba(255,255,255,.045) 0 1px,transparent 1px 4.5rem),repeating-linear-gradient(0deg,rgba(255,255,255,.035) 0 1px,transparent 1px 4.5rem);content:"";pointer-events:none}
.lf-c-hero::after{position:absolute;right:-4%;top:7%;z-index:0;width:min(49vw,45rem);aspect-ratio:4/3;background:url("../images/hero-web-architecture.svg") center/contain no-repeat;content:"";filter:drop-shadow(0 2rem 3rem rgba(14,30,44,.22))}
.lf-c-hero__content{position:relative;z-index:2;max-width:49rem}.lf-c-hero__title{max-width:15ch;color:#fff;font-size:clamp(3.1rem,6.3vw,6rem);line-height:.96;letter-spacing:-.055em}
.lf-c-hero .lf-c-kicker{color:#9be8ff}.lf-c-hero__text{max-width:60ch;color:#edf7ff;font-size:clamp(1.05rem,1.5vw,1.25rem)}
.lf-c-hero .lf-c-button{background:#fff;color:#34495e}.lf-c-hero .lf-c-button.is-secondary{border-color:rgba(255,255,255,.7);background:rgba(255,255,255,.08);color:#fff;backdrop-filter:blur(10px)}
.lf-home>section,.lf-site-main>section,main>section{position:relative}
.lf-home>section:not(:first-child)::before,.lf-site-main>section:not(:first-child)::before,main>section:not(:first-child)::before{position:absolute;top:0;left:50%;width:min(92%,76rem);height:1px;background:linear-gradient(90deg,transparent,var(--lf-gradient-secondary-from),var(--lf-gradient-secondary-to),transparent);content:"";transform:translateX(-50%);opacity:.45}
.lf-c-feature-grid.is-default,.lf-c-process,.lf-c-pricing{background:#fff}.lf-c-feature-grid.is-subtle{background:#f3f8fc}
.lf-c-feature-card{position:relative;overflow:hidden;border-color:transparent;border-radius:var(--lf-card-radius);background:#fff;box-shadow:0 1.15rem 3rem rgba(52,73,94,.1)}
.lf-c-feature-card::before{position:absolute;inset:0 auto 0 0;width:.3rem;background:linear-gradient(180deg,#0bb8e8,#2980b9);content:""}.lf-c-feature-card__badge{color:#2980b9}
#realisations{background:#f3f8fc}#realisations .lf-c-feature-grid__header{max-width:58rem}
#realisations .lf-c-feature-card{padding:0;box-shadow:0 1.35rem 3.5rem rgba(52,73,94,.14)}
#realisations .lf-c-feature-card::before{z-index:2;width:.35rem}
#realisations .lf-c-feature-card__media{margin:0}#realisations .lf-c-feature-card__image{width:100%;aspect-ratio:16/9;object-fit:cover;object-position:top}
#realisations .lf-c-feature-card__badge,#realisations .lf-c-feature-card__title,#realisations .lf-c-feature-card__text{margin-inline:1.3rem}
#realisations .lf-c-feature-card__badge{margin-top:1.25rem}#realisations .lf-c-feature-card__text{margin-bottom:1.45rem}
#realisations .lf-c-feature-card__text a{color:#2980b9;font-weight:800;text-decoration:none}#realisations .lf-c-feature-card__text a:hover{text-decoration:underline}
#realisations .lf-c-feature-card__link{display:inline-flex;margin:0 1.3rem 1.45rem;color:#2980b9;font-weight:800;text-decoration:none}#realisations .lf-c-feature-card__link::after{position:absolute;inset:0;z-index:3;content:""}#realisations .lf-c-feature-card:has(.lf-c-feature-card__link){cursor:pointer}#realisations .lf-c-feature-card:has(.lf-c-feature-card__link):hover{transform:translateY(-.3rem);box-shadow:0 1.65rem 3.5rem rgba(52,73,94,.18)}
#realisations .lf-c-feature-grid__action .lf-c-button{background:var(--lf-gradient-primary);color:var(--lf-button-gradient-text)}
#reperes{background:var(--lf-gradient-primary);color:#fff}#reperes .lf-c-feature-grid__title,#reperes .lf-c-feature-grid__text{color:#fff}#reperes .lf-c-kicker{color:#9be8ff}#reperes .lf-c-feature-card{border-color:rgba(255,255,255,.2);background:rgba(255,255,255,.1);color:#fff;box-shadow:none}#reperes .lf-c-feature-card__badge,#reperes .lf-c-feature-card__title,#reperes .lf-c-feature-card__text{color:#fff}
#services .lf-c-feature-grid__items{grid-template-columns:repeat(4,minmax(0,1fr))}#services .lf-c-feature-card__title{color:#34495e}
#services .lf-c-feature-card{padding-top:5.2rem}#services .lf-c-feature-card::after{position:absolute;top:1.35rem;left:1.35rem;width:2.65rem;height:2.65rem;border-radius:.75rem;background:linear-gradient(135deg,#0bb8e8,#2980b9);content:""}
#services .lf-c-feature-card__title::before{position:absolute;top:2.03rem;left:2.03rem;z-index:2;width:1.3rem;height:1.3rem;background:#fff;content:"";-webkit-mask:var(--lf-web-card-icon) center/contain no-repeat;mask:var(--lf-web-card-icon) center/contain no-repeat}
#services .lf-c-feature-card:nth-child(1){--lf-web-card-icon:var(--lf-web-icon-design)}#services .lf-c-feature-card:nth-child(2){--lf-web-card-icon:var(--lf-web-icon-wordpress)}#services .lf-c-feature-card:nth-child(3){--lf-web-card-icon:var(--lf-web-icon-performance)}#services .lf-c-feature-card:nth-child(4){--lf-web-card-icon:var(--lf-web-icon-ecommerce)}
#methode{background:linear-gradient(135deg,#eef8fc,#f7fafc)}#methode .lf-c-process__step{border-color:transparent;border-radius:1rem;background:#fff;box-shadow:0 1rem 2.5rem rgba(52,73,94,.08)}
#methode .lf-c-process__number{display:grid;width:3rem;height:3rem;place-items:center;border-radius:50%;background:var(--lf-color-accent);color:#fff;font-weight:800;box-shadow:0 .55rem 1.25rem rgba(41,128,185,.2)}#methode .lf-c-process__title{color:#34495e}
#methode-terrain,#architecture-projet{background:#f3f8fc}#methode-terrain .lf-c-brand-presentation__header,#architecture-projet .lf-c-brand-presentation__header{align-items:end}#methode-terrain .lf-c-brand-presentation__figure,#architecture-projet .lf-c-brand-presentation__figure{overflow:hidden;border:1px solid rgba(41,128,185,.2);border-radius:1.25rem;background:#fff;box-shadow:0 1.75rem 4.5rem rgba(52,73,94,.14)}#methode-terrain .lf-c-brand-presentation__image,#architecture-projet .lf-c-brand-presentation__image{display:block;width:100%;height:auto}#methode-terrain .lf-c-brand-presentation__caption,#architecture-projet .lf-c-brand-presentation__caption{background:#34495e;color:#fff}#methode-terrain .lf-c-brand-presentation__caption small,#methode-terrain .lf-c-brand-presentation__caption p,#architecture-projet .lf-c-brand-presentation__caption small,#architecture-projet .lf-c-brand-presentation__caption p{color:#dff7ff}
#avant-design{background:radial-gradient(70rem 18rem at 12% 0,rgba(32,224,255,.2),transparent 65%),radial-gradient(60rem 20rem at 88% 100%,rgba(41,128,185,.3),transparent 65%),#eef8fc}#avant-design .lf-c-promotion__layout{position:relative;overflow:hidden;background:radial-gradient(circle at 12% 20%,rgba(32,224,255,.28),transparent 30%),linear-gradient(var(--lf-gradient-angle),var(--lf-gradient-primary-from),var(--lf-gradient-primary-to));box-shadow:0 1.75rem 4.5rem rgba(52,73,94,.24)}#avant-design .lf-c-promotion__layout::after{position:absolute;right:-3rem;bottom:-5rem;width:17rem;height:17rem;border:1px solid rgba(255,255,255,.25);border-radius:50%;box-shadow:inset 0 0 0 2.8rem rgba(32,224,255,.1),inset 0 0 0 5.6rem rgba(41,128,185,.16);content:""}#avant-design .lf-c-promotion__body{position:relative;z-index:1;color:#fff}#avant-design .lf-c-promotion__title,#avant-design .lf-c-kicker{color:#fff}#avant-design .lf-c-promotion__text{color:#eafaff}#avant-design .lf-c-button{background:#fff;color:#34495e}
#packs{background:radial-gradient(circle at 90% 0,rgba(11,184,232,.14),transparent 28%),#fff}
#packs .lf-c-price-card{border-color:#dce7ef;border-radius:1rem;box-shadow:0 1rem 2.6rem rgba(52,73,94,.08)}
#packs .lf-c-price-card.is-featured{border-color:#0bb8e8;box-shadow:0 1.35rem 3.5rem rgba(41,128,185,.17)}
#packs .lf-c-price-card__badge,#packs .lf-c-price-card__price{color:#0b789f}
#packs .lf-c-price-card__icon{background:var(--lf-gradient-secondary);color:var(--lf-color-accent)}#packs .lf-c-price-card.is-featured .lf-c-price-card__icon{background:var(--lf-color-accent);color:var(--lf-color-on-accent)}#packs .lf-c-price-card.is-featured .lf-c-price-card__badge{background:var(--lf-color-accent);color:var(--lf-color-on-accent)}
#packs .lf-c-price-card__action{background:linear-gradient(135deg,#34495e,#2980b9);color:#fff}
@media(min-width:64rem){#packs .lf-c-price-card.is-featured{margin-block:-1rem;padding-block:calc(clamp(var(--lf-space-6),3vw,var(--lf-space-8)) + 1rem)}}
#pepites .lf-c-feature-card{border:1px solid rgba(41,128,185,.16);background:#fff}#pepites .lf-c-feature-card__title{font-size:clamp(1.35rem,2.2vw,1.75rem)}#pepites .lf-c-feature-card__badge{color:#0b789f}#ensemble .lf-c-feature-card{border-top:3px solid var(--lf-color-accent)}
#faq,#faq-complete{background:#f3f8fc}#faq .lf-c-accordion__item,#faq-complete .lf-c-accordion__item{background:#fff;border-color:#dce7ef}#faq .lf-c-accordion__item>summary,#faq-complete .lf-c-accordion__item>summary{color:#34495e}#faq .lf-c-accordion__text a{color:#0b789f;font-weight:800}
#temoignage{background:linear-gradient(135deg,#34495e,#2980b9);color:#fff}#temoignage .lf-c-testimonials__title,#temoignage .lf-c-testimonials__text{color:#fff}
#temoignage .lf-c-kicker{color:#9be8ff}#temoignage .lf-c-testimonial{border-color:rgba(255,255,255,.22);background:rgba(255,255,255,.1);color:#fff;backdrop-filter:blur(10px)}
#temoignage .lf-c-testimonial blockquote,#temoignage .lf-c-testimonial figcaption,#temoignage .lf-c-testimonial small{color:#fff}
#contact{background:#edf5fa}#contact .lf-c-contact__form{background:#fff;border:1px solid #c8d9e5;border-radius:1rem;box-shadow:0 1.25rem 3rem rgba(52,73,94,.1)}
#contact .fluentform .ff-btn-submit{border-color:#2980b9!important;background:linear-gradient(135deg,#34495e,#2980b9)!important;color:#fff!important;font-weight:800!important}
.lf-c-footer__phone{color:#34495e;border-color:#0bb8e8}.lf-c-footer__phone-icon{background:#2980b9}.lf-c-footer__socials a{color:#2980b9}
@media(max-width:64rem){#services .lf-c-feature-grid__items{grid-template-columns:repeat(2,minmax(0,1fr))}.lf-c-hero::after{right:-8%;opacity:.62}}
@media(max-width:48rem){.lf-web-brand__logo{width:11rem}.lf-c-header.is-scrolled .lf-web-brand__logo{width:8.5rem}.lf-c-footer .lf-web-brand__logo{width:min(24rem,100%)}.lf-c-hero{min-height:41rem}.lf-c-hero::before{background:linear-gradient(180deg,rgba(38,59,79,.45),rgba(38,59,79,.98) 62%)}.lf-c-hero::after{top:3rem;right:-10%;width:85vw;opacity:.45}.lf-c-hero__title{font-size:clamp(2.8rem,13vw,4.25rem)}#services .lf-c-feature-grid__items{grid-template-columns:1fr}}