@font-face{font-family:outfit;src:url(/fonts/outfit-v1.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:caveat;src:url(/fonts/caveat-v1.woff2)format("woff2");font-weight:600 700;font-style:normal;font-display:swap}@font-face{font-family:outfit secours;src:local("Arial"),local("Liberation Sans"),local("Helvetica");size-adjust:97%;ascent-override:103.1%;descent-override:26.8%;line-gap-override:0%}@font-face{font-family:caveat secours;src:local("Arial"),local("Liberation Sans"),local("Helvetica");size-adjust:75.9%;ascent-override:126.6%;descent-override:39.5%;line-gap-override:0%}:root{--paper:#F7F4EE;--accent:#1B2A4A;--coral:#FF6B4A;--card:#FFFFFF;--ink:#1B2A4A;--muted:#4A5570;--line:color-mix(in srgb, var(--accent) 16%, var(--paper));--field-line:color-mix(in srgb, var(--accent) 55%, var(--paper));--on-navy:#E6E9EF;--on-navy-muted:#C9CFDB;--deco:var(--coral);--radius:14px;--shadow:0 1px 2px rgba(27,42,74,.05), 0 6px 20px rgba(27,42,74,.07);--shadow-up:0 2px 4px rgba(27,42,74,.06), 0 14px 32px rgba(27,42,74,.11);--font:"Outfit", "Outfit secours", ui-sans-serif, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;--hand:"Caveat", "Caveat secours", cursive}*{box-sizing:border-box}button,input,select,textarea{font-family:inherit}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font);background:var(--paper);color:var(--ink);line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--font);font-weight:600;letter-spacing:-.01em;line-height:1.2;margin:0 0 16px;text-wrap:balance}h2{font-size:30px}p{margin:0}a{color:inherit}.wrap{max-width:1040px;margin:0 auto;padding:0 24px}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.site-footer :focus-visible{outline-color:var(--paper)}.surtitre{font-size:13px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin:0 0 10px}.souligne{position:relative;display:inline-block;white-space:nowrap}.souligne-trait{position:absolute;left:-2%;bottom:-.2em;width:104%;height:.36em;overflow:visible;pointer-events:none}.souligne-trait path{fill:none;stroke:var(--deco);stroke-width:3.2;stroke-linecap:round;vector-effect:non-scaling-stroke}.souligne-trait path+path{stroke-width:2.2}.rayons{fill:none;stroke:var(--deco);stroke-width:2.6;stroke-linecap:round}.annot{display:inline-flex;align-items:flex-start;font-family:var(--hand);font-weight:700;font-size:25px;line-height:1;color:var(--ink);transform:rotate(-4deg)}.annot-texte{white-space:nowrap}.annot-fleche{flex:none;margin-top:12px;fill:none;stroke:var(--deco);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}.annot--bas-gauche{flex-direction:row-reverse;transform:rotate(4deg)}.annot--bas-gauche .annot-fleche{transform:scaleX(-1)}.annot--haut-droite{align-items:flex-end}.annot--haut-droite .annot-fleche{transform:scaleY(-1);margin:0 0 12px}.annot--haut-gauche{flex-direction:row-reverse;align-items:flex-end;transform:rotate(4deg)}.annot--haut-gauche .annot-fleche{transform:scale(-1);margin:0 0 12px}.icone{flex:none}.icone-touche{stroke:var(--deco)}.site-header{position:sticky;top:0;z-index:10;width:100%;margin:0;background:var(--paper);border-bottom:1px solid var(--line)}.site-header .wrap{display:flex;align-items:center;justify-content:space-between;padding:12px 20px}.brand{display:inline-flex;flex:none;align-items:center;min-height:44px;text-decoration:none}.brand .logo{display:block;flex:none;height:28px;width:calc(28px * 101.9/32);min-width:calc(28px * 101.9/32)}.brand:focus-visible{border-radius:4px}.nav{display:flex;gap:28px;font-size:15px;font-weight:500;color:var(--muted)}.nav a{text-decoration:none;padding:4px 0;border-bottom:2px solid transparent;transition:color .15s ease,border-color .15s ease}.nav a:hover{color:var(--ink);border-bottom-color:var(--accent)}.nav-toggle,.nav-burger{display:none}.cta{display:inline-flex;align-items:center;min-height:44px;text-decoration:none;background:var(--accent);color:var(--paper);padding:9px 18px;border-radius:10px;font-weight:600;font-size:14.5px;transition:background .15s ease}.cta:hover{background:#2a3d63}.btn-primary{display:inline-block;text-decoration:none;background:var(--accent);color:var(--paper);border:none;padding:14px 30px;border-radius:10px;font-weight:600;font-size:16px;cursor:pointer;box-shadow:0 2px rgba(27,42,74,.18);transition:background .15s ease,transform .15s ease}.btn-primary:hover{background:#2a3d63;transform:translateY(-1px)}.btn-ghost{display:inline-block;margin:0 0 0 12px;padding:12.5px 26px;border:1.5px solid var(--accent);color:var(--accent);border-radius:10px;font-weight:600;font-size:16px;text-decoration:none;transition:background .18s ease,color .18s ease}.btn-ghost:hover{background:var(--accent);color:var(--paper)}.hero{position:relative;overflow:hidden;border-bottom:1px solid var(--line)}.hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:32px;align-items:center;padding-top:72px;padding-bottom:80px}.hero-body{position:relative}.hero-accroche{position:relative;display:inline-block;margin:0 0 22px;font-family:var(--hand);font-weight:700;font-size:clamp(40px,11.5vw,54px);line-height:1.02;color:var(--ink);transform:rotate(-2deg);transform-origin:left bottom}.hero-accroche .rayons{position:absolute;top:-18px;right:-44px}.hero h1{font-size:36px;line-height:1.18;max-width:640px;margin:0 0 18px}.hero-sous-titre{max-width:580px;margin:0 0 30px;color:var(--muted);font-size:17.5px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.hero-actions .btn-ghost{margin:0}.hero-services{margin:36px 0 0;padding-top:18px;border-top:1px solid var(--line);max-width:520px;font-size:12.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);line-height:1.9}.hero-services span{display:block}.hero-services span:first-child{color:var(--ink);font-size:13.5px}.hero-illu{color:var(--ink)}.illu-vitrine{display:block;width:100%;height:auto;max-width:340px;margin-left:auto}.illu-vitrine .deco{stroke:var(--deco)}.illu-vitrine .curseur{fill:var(--deco);stroke:var(--ink)}.stats{background:var(--card);border-bottom:1px solid var(--line);padding:40px 0}.stats .grid-3{gap:0}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:24px}.stat{text-align:center;padding:8px 16px}.stat+.stat{border-left:1px solid var(--line)}.stat-value{display:block;font-size:34px;font-weight:700;letter-spacing:-.02em;color:var(--accent)}.stat-label{display:block;font-size:14px;color:var(--muted);margin-top:2px}.work,.pricing,.contact{padding:80px 0}.titre-section{text-align:center;margin-bottom:44px}.titre-section h2{margin:0}.work-card,.price-card,.demo-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow);transition:transform .2s ease,box-shadow .2s ease}.work-card:hover,.price-card:hover,.demo-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-up)}.work-card{overflow:hidden}.work-brand{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;height:200px;border-bottom:1px solid var(--line);background:var(--paper)}.work-logo{display:block;height:160px;width:160px;object-fit:contain}.work-wordmark{font-size:28px;font-weight:700;letter-spacing:-.01em}.work-body{padding:24px 28px 26px}.lead{text-align:center;color:var(--muted);font-size:14px;margin:-28px auto 36px;max-width:560px}.tag{display:inline-block;font-size:12px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.14em;margin-bottom:10px}.work-card h3{font-size:20px;margin-bottom:8px}.work-card p{color:var(--muted);font-size:15px}.work-card .work-link{margin-top:6px}.work-link a{display:inline-flex;align-items:center;gap:4px;min-height:44px;color:var(--accent);font-weight:600;font-size:15px;text-underline-offset:3px}.grid-offres{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:stretch}.price-card{padding:30px;display:flex;flex-direction:column;gap:12px}.price-card.featured{border-color:var(--accent);border-width:1.5px}.price-head{display:flex;align-items:center;gap:12px}.price-head .icone{width:44px;height:44px;padding:9px;border-radius:12px;background:var(--paper);color:var(--ink)}.price-name{font-weight:600;font-size:17px}.price-value{font-size:26px;font-weight:700;letter-spacing:-.01em}.price-card p{color:var(--muted);font-size:15px;flex-grow:1}.price-card .price-followup{flex-grow:0;font-size:14px;font-weight:600;color:var(--ink);padding-top:12px;border-top:1px solid var(--line)}.price-inclus{display:block;margin-top:2px;font-size:13px;font-weight:400;line-height:1.45;color:var(--muted)}.pricing-final{text-align:center;margin-top:44px;font-weight:600;color:var(--accent)}.pricing-cta{text-align:center;margin-top:32px;font-size:15px;color:var(--muted)}.pricing-cta-link{display:inline-flex;align-items:center;gap:6px;color:var(--accent);font-weight:600;min-height:44px;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:4px;transition:text-decoration-color .2s ease,gap .2s ease}.pricing-cta-link:hover{text-decoration-color:var(--accent);gap:9px}.pricing-cta-link:focus-visible{border-radius:2px}.contact{text-align:center}.contact h2{margin-bottom:12px}.contact>.wrap>p{color:var(--muted);margin-bottom:32px}.contact-carte{max-width:560px;margin:0 auto 36px;padding:12px 28px;border:1px solid var(--line);border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow);text-align:left}.contact-links{display:flex;flex-direction:column;margin:0}.contact-btn{display:flex;align-items:center;gap:16px;min-height:60px;padding:8px 0;color:var(--ink);font-weight:600;font-size:16px;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:4px;transition:text-decoration-color .15s ease}.contact-btn+.contact-btn{border-top:1px solid var(--line)}.contact-btn:hover{text-decoration-color:var(--accent)}.contact-btn .icone{width:40px;height:40px;padding:8px;border-radius:50%;background:var(--paper)}.contact-btn small{display:block;font-size:13px;font-weight:400;color:var(--muted)}.cta-annote{position:relative;display:inline-block}.cta-annote .annot{position:absolute;right:100%;bottom:62%;margin-right:6px}#contact .btn-primary{padding:16px 32px;font-size:17px}.contact form{max-width:520px;margin:0 auto;display:flex;flex-direction:column;gap:18px;text-align:left}.row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:14px;color:var(--muted)}.field input,.field textarea,.field select{border:1px solid var(--field-line);border-radius:10px;padding:12px;font-family:inherit;font-size:16px;color:var(--ink);background:var(--card)}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--accent)}.field input:focus-visible,.field textarea:focus-visible,.field select:focus-visible{outline-offset:2px}.devis{padding-top:72px}.devis h1{font-size:36px;margin-bottom:12px}.field:has(input[type=radio]),.field:has(input[type=checkbox]){gap:8px}fieldset.field{border:0;padding:0;margin:0;min-width:0}.field>legend{padding:0;margin-bottom:8px;color:var(--ink);font-weight:600;font-size:16px}.field label:has(input[type=radio]),.field label:has(input[type=checkbox]){display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border:1px solid var(--field-line);border-radius:10px;background:var(--card);font-size:15px;color:var(--ink);cursor:pointer;transition:border-color .15s ease,background .15s ease}.field label:has(input[type=radio]):hover,.field label:has(input[type=checkbox]):hover{border-color:var(--accent)}.field label:has(input[type=radio]:checked),.field label:has(input[type=checkbox]:checked){border-color:var(--accent);border-width:2px;padding:9px 11px}.field input[type=radio],.field input[type=checkbox]{flex:none;width:auto;margin:4px 0 0;padding:0;accent-color:var(--accent)}.form-requis{font-size:14px;color:var(--muted)}.requis{font-weight:400;color:var(--muted);font-size:.9em}.devis-etape{font-size:21px;margin:18px 0 -4px;padding-top:20px;border-top:1px solid var(--line)}.form-requis+.devis-etape{border-top:0;padding-top:0}.field-aide{font-size:14px;color:var(--muted);margin:-2px 0 2px}.cases{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:8px}.si-boutique,.si-domaine{display:flex;flex-direction:column;gap:18px}.facturation{border:1px solid var(--line);border-radius:10px;padding:0 14px}.facturation summary{display:flex;align-items:center;min-height:48px;font-weight:600;cursor:pointer}.facturation[open]{padding-bottom:14px}.facturation[open] summary{margin-bottom:8px}.facturation .field+.field{margin-top:14px}@supports selector(:has(*)){.form-devis:not(:has(input[name=type][value=boutique]:checked,input[name=type][value=vitrine_boutique]:checked)) .si-boutique,.form-devis:not(:has(input[name=site_existant][value=oui]:checked)) .si-site-existant,.form-devis:not(:has(input[name=domaine][value=oui]:checked)) .si-domaine,.form-devis:not(:has(input[name=emails_pro][value=existantes]:checked,input[name=emails_pro][value=a_creer]:checked)) .si-emails{display:none}}.contact button{align-self:center;margin-top:4px}.form-legal{font-size:14px;color:var(--muted)}.form-legal a{color:var(--accent);text-underline-offset:3px;padding:14px 0}.devis-titre{position:relative;display:inline-block;margin-top:28px}.devis-titre .annot{position:absolute;right:-8px;bottom:calc(100% - 6px)}.devis-intro{color:var(--muted);margin-bottom:32px}.devis-grid{display:grid;grid-template-columns:3fr 2fr;gap:48px;align-items:start;text-align:left}.devis-grid .devis-main form{max-width:none;margin:0;padding:28px;border:1px solid var(--line);border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow)}.devis-grid .devis-main button{align-self:flex-start}.devis-sidebar{position:sticky;top:88px;border:1px solid var(--line);border-radius:var(--radius);padding:28px;background:var(--card);box-shadow:var(--shadow)}.devis-sidebar h3{font-size:20px;margin-bottom:16px}.devis-sidebar ol{margin:0 0 24px;padding-left:22px;display:flex;flex-direction:column;gap:10px;font-size:15px;color:var(--muted)}.devis-sidebar li::marker{color:var(--accent);font-weight:700}.devis-sidebar-note{padding:16px 0;border-top:1px solid var(--line)}.devis-sidebar-note strong{color:var(--accent)}.devis-sidebar-note p{color:var(--muted);font-size:14.5px;margin-top:4px}.devis-sidebar-pricing{padding-top:16px;border-top:1px solid var(--line);font-size:17px}.devis-sidebar-pricing strong{color:var(--accent)}.message-page{text-align:center;padding:88px 0 96px}.message-page .wrap{max-width:640px}.message-page .icone,.message-page .doodle{display:block;margin:0 auto 20px;color:var(--ink)}.message-page h1{font-size:34px;margin-bottom:14px}.message-page p{color:var(--muted);margin-bottom:30px}.message-page .cta-annote{margin-top:24px}.doodle{fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}.doodle .deco{stroke:var(--deco)}.about{padding:72px 0}.about-grid{display:grid;grid-template-columns:300px 1fr;gap:56px;align-items:center;max-width:840px}.about-cadre{position:relative;padding:12px 12px 34px;background:var(--card);border-radius:6px;box-shadow:var(--shadow-up);transform:rotate(-1.5deg)}.about-cadre .rayons{position:absolute;top:-26px;right:-26px}.about-photo{display:block;width:100%;height:auto;border-radius:3px}.about-text h1{font-size:38px;margin-bottom:20px}.about-text p{color:var(--muted);margin-bottom:16px;font-size:17px}.about-text .btn-primary{margin-top:12px}.legal .wrap{max-width:760px}.legal-updated{color:var(--muted);font-size:14px;margin-bottom:8px}.legal h2{font-size:21px;margin:32px 0 8px}.legal p{margin-bottom:12px}.legal a{text-underline-offset:3px}.legal p a{padding:13px 0}.demos{padding:72px 0}.demos h1{font-size:36px;margin-bottom:12px}.demos-intro{color:var(--muted);max-width:680px;margin-bottom:40px}.demos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}.demo-card{display:flex;flex-direction:column;overflow:hidden}.demo-card-preview{position:relative;display:flex;align-items:flex-end;height:150px;padding:20px 24px}.demo-card-dot{position:absolute;top:20px;right:24px;width:36px;height:36px;border-radius:50%}.demo-card-name{color:#fff;font-weight:700;font-size:20px;line-height:1.2;letter-spacing:-.01em}.demo-card-body{display:flex;flex-direction:column;flex-grow:1;padding:22px 24px 24px}.demo-card h2{font-size:20px;margin-bottom:8px}.demo-card p{color:var(--muted);font-size:15px;flex-grow:1;margin-bottom:18px}.demo-card .pricing-cta-link{align-self:flex-start}.site-footer{background:var(--accent);color:var(--on-navy-muted);padding:56px 0 24px;font-size:15px}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:40px}.footer-phrase{margin-top:16px;color:var(--on-navy);font-size:17px;line-height:1.5;max-width:300px}.footer-titre{margin:0 0 8px;font-size:12.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--on-navy-muted)}.footer-liste{list-style:none;margin:0;padding:0}.footer-liste li{display:flex;align-items:center;gap:12px}.footer-liste .icone{color:var(--on-navy)}.site-footer a{display:inline-flex;align-items:center;min-height:44px;color:var(--on-navy);text-underline-offset:3px}.site-footer a:hover{color:#fff}.footer-zones{display:flex;gap:12px;align-items:flex-start;margin-top:8px;line-height:1.5}.footer-zones .icone{color:var(--on-navy);margin-top:1px}.footer-bas{margin-top:40px;padding-top:16px;border-top:1px solid rgba(230,233,239,.18);font-size:14px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(min-width:721px){.hero h1{font-size:40px}.hero-accroche{font-size:64px}}@media(max-width:900px){.grid-offres{grid-template-columns:1fr;max-width:560px;margin:0 auto}.hero-grid{grid-template-columns:1fr;gap:8px}.hero-illu{order:-1}.illu-vitrine{max-width:220px;margin:0 0 8px}.footer-grid{grid-template-columns:1fr 1fr}.footer-marque{grid-column:1/-1}}@media(max-width:760px){.devis-grid{grid-template-columns:1fr;gap:32px}.devis-sidebar{position:static}.devis-grid .devis-main form{padding:20px}}@media(max-width:720px){.grid-3,.grid-2,.row{grid-template-columns:1fr}.about-grid{grid-template-columns:1fr;gap:40px}.about-cadre{max-width:260px;margin:0 auto}.nav-toggle{display:block;position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}.site-header .cta{margin-left:auto}.nav-burger{display:flex;order:3;margin-left:12px;width:44px;height:44px;align-items:center;justify-content:center;border:1px solid var(--muted);border-radius:10px;cursor:pointer}.nav-burger span,.nav-burger span::before,.nav-burger span::after{display:block;width:18px;height:2px;background:var(--accent);border-radius:1px;transition:transform .2s ease,opacity .2s ease}.nav-burger span{position:relative}.nav-burger span::before,.nav-burger span::after{content:"";position:absolute;left:0}.nav-burger span::before{top:-6px}.nav-burger span::after{top:6px}.nav-toggle:focus-visible+.nav-burger{outline:3px solid var(--accent);outline-offset:3px}.nav-toggle:checked+.nav-burger span{background:0 0}.nav-toggle:checked+.nav-burger span::before{transform:translateY(6px)rotate(45deg)}.nav-toggle:checked+.nav-burger span::after{transform:translateY(-6px)rotate(-45deg)}.nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;gap:0;background:var(--paper);border-bottom:1px solid var(--line);padding:8px 20px 16px;font-size:16px}.nav a{padding:12px 0;border-bottom:1px solid var(--line)}.nav a:last-child{border-bottom:0}.nav-toggle:checked~.nav{display:flex}.hero-grid{padding-top:40px;padding-bottom:56px}.stat+.stat{border-left:0;border-top:1px solid var(--line)}.stats .grid-3{gap:8px}.work,.pricing,.contact{padding:64px 0}.contact-carte{padding:8px 20px}.cta-annote{padding-top:44px}.cta-annote .annot{right:auto;left:-4px;bottom:auto;top:0;margin:0}.footer-grid{grid-template-columns:1fr;gap:28px}}@media(max-width:599px){.hero-illu,.hero-accroche .rayons{display:none}.hero-services{letter-spacing:.1em}}@media(max-width:374px){.site-header .wrap{padding:10px 14px;gap:8px}.site-header .cta{padding:9px 12px;font-size:13.5px;white-space:nowrap}.nav-burger{margin-left:0}}@media(max-width:420px){.hero-actions .btn-primary,.hero-actions .btn-ghost{flex:1 1 100%;text-align:center}}@keyframes page-in{from{opacity:0}to{opacity:1}}body{animation:page-in .3s ease-out}.js .fade-in{opacity:0;transform:translateY(16px);transition:opacity .5s ease,transform .5s ease}.js .fade-in.visible{opacity:1;transform:translateY(0)}.js .slide-in-left{opacity:0;transform:translateX(-32px);transition:opacity .5s ease,transform .5s ease}.js .slide-in-left.visible{opacity:1;transform:translateX(0)}@keyframes trace{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}@media(prefers-reduced-motion:no-preference){.souligne-trait{animation:trace .9s .35s ease-out both}.js .fade-in .souligne-trait,.js .slide-in-left .souligne-trait{animation:none;clip-path:inset(0 100% 0 0);transition:clip-path .9s .45s ease-out}.js .visible .souligne-trait{clip-path:inset(0 0 0 0)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}body{animation:none}.js .fade-in,.js .slide-in-left{opacity:1;transform:none;transition:none}.work-card,.price-card,.demo-card,.btn-primary{transition:none}.work-card:hover,.price-card:hover,.demo-card:hover,.btn-primary:hover{transform:none}}