@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--blue:#315df4;--ink:#172747;--muted:#60708d;--line:#e5eaf5;--pale:#f5f7ff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,'DM Sans',sans-serif;letter-spacing:-.055em}em{font-style:normal;color:var(--blue)}.shell-width{width:min(1210px,calc(100% - 48px));margin-inline:auto}.skip-link{position:absolute;top:-60px;left:15px;z-index:1000;padding:12px;background:#fff}.skip-link:focus{top:10px}.site-header{position:relative;z-index:20;padding:20px 0}.nav{height:68px;border:1px solid #e3e8f3;border-radius:18px;display:flex;align-items:center;justify-content:space-between;padding:0 21px;background:#fff;box-shadow:0 8px 35px rgba(48,72,139,.035)}.wordmark{display:flex;gap:10px;align-items:center;color:#21375b;font-family:Manrope,sans-serif;font-weight:800;font-size:22px;letter-spacing:-.055em}.brand-dot{color:var(--blue)}.brand-icon{position:relative;width:31px;height:31px;display:inline-block}.brand-icon:before,.brand-icon:after,.brand-icon i{content:"";display:block;position:absolute;background:var(--blue);border-radius:6px}.brand-icon:before{width:5px;height:30px;left:13px;top:0}.brand-icon:after{width:30px;height:5px;top:13px;left:0}.brand-icon i:nth-child(1){width:4px;height:9px;left:5px;top:1px}.brand-icon i:nth-child(2){width:4px;height:9px;right:5px;bottom:1px}.brand-icon i:nth-child(3){height:4px;width:9px;right:1px;top:5px}.brand-icon i:nth-child(4){height:4px;width:9px;left:1px;bottom:5px}.nav-links{display:flex;gap:38px;margin-left:50px}.nav-links a{font-size:14px;font-weight:700;transition:color .2s}.nav-links a:hover,.text-link:hover{color:var(--blue)}.cart-link{display:flex;align-items:center;gap:8px;border-radius:11px;padding:12px 16px;background:var(--blue);color:white;font-size:14px;font-weight:700}.cart-link svg{width:18px;height:18px}.hero{display:grid;grid-template-columns:50% 50%;min-height:600px;align-items:center;padding-block:42px 70px}.hero-copy{position:relative;z-index:2}.eyebrow{display:inline-flex;align-items:center;gap:11px;font-size:12px;font-weight:800;letter-spacing:.18em;color:var(--blue)}.eyebrow-line{width:25px;height:2px;background:var(--blue)}.hero h1{font-size:clamp(53px,5.2vw,78px);line-height:1.08;margin:30px 0 26px;font-weight:800}.hero-copy>p{max-width:535px;color:var(--muted);font-size:18px;line-height:1.7}.hero-actions{display:flex;align-items:center;gap:30px;margin-top:34px}.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;padding:17px 22px;min-height:54px;border-radius:11px;font-size:14px;font-weight:700;transition:transform .2s,box-shadow .2s}.button:hover,.cart-link:hover{transform:translateY(-2px);box-shadow:0 9px 22px rgba(49,93,244,.2)}.primary{background:var(--blue);color:#fff}.button span{font-size:20px;line-height:1}.text-link{font-size:14px;font-weight:700}.text-link span{margin-left:8px;font-size:19px}.hero-note{display:flex;align-items:center;gap:11px;margin-top:42px;color:#7986a0;font-size:13px}.note-mark{color:var(--blue);font-size:22px}.note-divider{height:17px;width:1px;background:#d8dfee;margin-inline:5px}.hero-art{height:520px;position:relative;isolation:isolate}.glow{position:absolute;inset:32px 0 25px 0;background:radial-gradient(circle at 48% 50%,#dfe8ff 0,#eef3ff 47%,transparent 70%);border-radius:50%;z-index:-2}.art-orbit{position:absolute;border:1px solid #d6e1ff;border-radius:50%;inset:35px 10px;transform:rotate(-20deg);z-index:-1}.orbit-two{inset:95px -10px 82px 60px;transform:rotate(26deg)}.mockup{position:absolute;display:flex;flex-direction:column;justify-content:space-between;width:230px;height:325px;border-radius:18px;padding:24px;box-shadow:0 27px 60px rgba(30,48,105,.2),inset 0 0 0 2px rgba(255,255,255,.5);overflow:hidden}.mockup:after,.card-mockup:after{content:"";position:absolute;inset:0;background:linear-gradient(118deg,rgba(255,255,255,.24),transparent 40%,rgba(255,255,255,.08));pointer-events:none}.mockup-front{left:18%;top:22%;transform:rotate(-12deg);z-index:2}.mockup-back{right:12%;top:13%;transform:rotate(13deg);z-index:1}.google-mockup{background:#2459ed;color:#fff}.instagram-mockup{background:linear-gradient(145deg,#4737c5,#b646a9 65%,#f09757);color:#fff}.mockup-top{display:flex;justify-content:space-between;align-items:flex-start}.mini-logo{font-family:Manrope,sans-serif;letter-spacing:-.055em;font-size:18px;font-weight:800}.mini-logo span{color:#a8c2ff}.mockup-symbol{font-size:42px;line-height:.7}.google-g{font:800 49px Arial,sans-serif;color:#fff;letter-spacing:-.13em}.mockup-bottom{display:flex;justify-content:space-between;align-items:end;gap:12px}.mockup-bottom b{font:800 19px/1.25 Manrope,sans-serif;letter-spacing:-.04em}.mockup-qr{flex:none;width:51px;height:51px;background:#fff;border:5px solid white;border-radius:3px;box-shadow:inset 0 0 0 4px #1d315e;background-image:linear-gradient(90deg,#1d315e 20%,transparent 20% 40%,#1d315e 40% 60%,transparent 60% 80%,#1d315e 80%),linear-gradient(#1d315e 20%,transparent 20% 40%,#1d315e 40% 60%,transparent 60% 80%,#1d315e 80%);background-size:20px 20px;opacity:.93}.art-spark{position:absolute;font-size:28px;color:var(--blue)}.spark-one{top:8%;left:22%}.spark-two{bottom:7%;right:12%}.benefit-strip{border-block:1px solid var(--line);background:#fbfcff}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr)}.benefit-grid>div{display:grid;grid-template-columns:43px 1fr;grid-template-rows:auto auto;align-items:center;padding:25px 40px;border-right:1px solid var(--line)}.benefit-grid>div:last-child{border:0}.benefit-icon{grid-row:span 2;font-size:27px;color:var(--blue)}.benefit-grid strong{font-size:14px}.benefit-grid small{font-size:13px;color:var(--muted)}.products{padding-block:120px 130px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:45px}.section-heading h2,.how h2,.story-cta h2,.story-end h2{font-size:clamp(39px,4vw,57px);line-height:1.12;margin:22px 0 0}.section-heading>p{max-width:380px;margin-bottom:8px;color:var(--muted);font-size:16px;line-height:1.7}.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.product-card{border:1px solid #e2e8f4;border-radius:22px;overflow:hidden;background:white;box-shadow:0 16px 55px rgba(28,51,98,.04)}.product-visual{position:relative;height:380px;display:grid;place-items:center;overflow:hidden}.visual-google{background:radial-gradient(circle at 50% 45%,#dce8ff,#eff4ff 65%)}.visual-insta{background:radial-gradient(circle at 50% 45%,#f4e5f4,#faf1f8 65%)}.product-tag{position:absolute;top:23px;left:24px;padding:9px 13px;background:white;border-radius:100px;font-size:11px;font-weight:700;color:#536780;z-index:2}.card-mockup{position:relative;width:181px;height:255px;border-radius:15px;padding:18px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;color:white;background:#2459ed;box-shadow:0 24px 32px rgba(26,43,86,.23);transform:rotate(-9deg);transition:transform .3s}.product-visual:hover .card-mockup{transform:rotate(-3deg) translateY(-8px)}.visual-insta .card-mockup{background:linear-gradient(145deg,#4737c5,#b646a9 65%,#f09757);transform:rotate(9deg)}.visual-insta:hover .card-mockup{transform:rotate(3deg) translateY(-8px)}.card-mockup .mini-logo{font-size:15px}.card-mockup .card-icon{position:absolute;right:17px;top:12px}.insta-icon{font-size:44px;line-height:1}.card-mockup b{font:800 16px/1.25 Manrope,sans-serif;letter-spacing:-.04em}.card-mockup .mockup-qr{position:absolute;right:15px;bottom:17px;width:36px;height:36px}.product-info{padding:26px 27px 28px;display:flex;justify-content:space-between;gap:25px}.product-kicker{font-size:10px;letter-spacing:.18em;color:var(--blue);font-weight:800}.product-info h3{font-size:26px;margin:8px 0}.product-info p{color:var(--muted);font-size:14px;line-height:1.6;max-width:330px;margin:0}.product-action{display:flex;flex-direction:column;justify-content:space-between;align-items:end;white-space:nowrap}.product-action strong{font-size:18px}.circle-link{height:42px;width:42px;border-radius:50%;background:var(--blue);color:white;display:grid;place-items:center;font-size:22px;transition:transform .2s}.circle-link:hover{transform:rotate(45deg)}.how{background:#f4f7ff;padding-block:90px}.how-inner{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.steps{border-top:1px solid #dce4f5}.steps>div{display:flex;gap:28px;padding:24px 0;border-bottom:1px solid #dce4f5}.steps span{color:var(--blue);font-size:12px;font-weight:800;letter-spacing:.14em}.steps p{margin:0;font-size:16px;line-height:1.5}.story-cta{text-align:center;padding-block:110px 120px}.story-cta p{max-width:610px;margin:22px auto 27px;color:var(--muted);font-size:17px;line-height:1.7}.story-hero{position:relative;min-height:480px;padding-top:95px;padding-bottom:65px;border-bottom:1px solid var(--line);overflow:hidden}.story-hero h1{font-size:clamp(65px,7vw,104px);line-height:1.05;margin:30px 0}.story-lead{max-width:610px;color:var(--muted);font-size:20px;line-height:1.65}.story-mark{position:absolute;right:0;bottom:-40px;font:800 95px Manrope,sans-serif;letter-spacing:-.15em;color:#e8edfc;z-index:-1}.story-mark span{font-size:65px;color:#d8e3ff;margin:0 13px}.timeline{padding-block:85px 95px}.timeline article{display:grid;grid-template-columns:35% 65%;padding:50px 0;border-bottom:1px solid var(--line)}.timeline article:first-child{padding-top:10px}.timeline-number{font:800 34px Manrope,sans-serif;color:#d7e1fa;letter-spacing:-.08em}.timeline-number span{display:block;font:800 12px 'DM Sans',sans-serif;letter-spacing:.2em;color:var(--blue);margin-top:7px}.timeline h2{font-size:clamp(33px,3vw,47px);margin:0 0 22px}.timeline p{max-width:660px;color:var(--muted);font-size:17px;line-height:1.78;margin-bottom:15px}.story-end{display:grid;grid-template-columns:45% 55%;align-items:center;background:var(--pale);border-radius:28px;padding:75px;margin-bottom:100px}.story-end-art{font-size:180px;color:var(--blue);text-align:center;line-height:1}.story-end h2{margin-bottom:28px}.footer{border-top:1px solid var(--line);padding:55px 0;background:#fbfcff}.footer-inner{display:grid;grid-template-columns:1fr 1fr auto;gap:35px;align-items:start}.footer strong{font:800 25px Manrope,sans-serif}.footer p,.footer small{font-size:13px;color:var(--muted);margin:7px 0}.footer-links{display:flex;flex-wrap:wrap;gap:20px;font-size:13px;font-weight:700;padding-top:9px}
@media(max-width:900px){.hero{grid-template-columns:1fr;padding-block:60px}.hero-art{height:430px}.hero-copy{max-width:650px}.benefit-grid>div{padding:23px 15px}.products{padding-block:80px}.product-visual{height:320px}.section-heading{align-items:start}.how-inner{gap:30px}.story-mark{opacity:.5}}
@media(max-width:640px){.shell-width{width:min(100% - 36px,1210px)}.site-header{padding:12px 0}.nav{height:59px;padding:0 14px;border-radius:14px}.wordmark{font-size:18px}.brand-icon{transform:scale(.78);margin-right:-5px}.nav-links{margin:0;gap:13px}.nav-links a{font-size:11px}.nav-links a:first-child{display:none}.cart-link{padding:9px}.cart-link span{display:none}.hero{padding-block:43px 25px;min-height:0}.hero h1{font-size:50px;margin:20px 0}.hero-copy>p{font-size:16px}.hero-actions{flex-direction:column;align-items:start;gap:20px}.hero-note{margin-top:28px}.hero-art{height:345px;margin-top:15px}.mockup{width:162px;height:230px;padding:16px;border-radius:12px}.mockup-front{left:13%;top:26%}.mockup-back{right:9%;top:17%}.mockup .mini-logo{font-size:14px}.mockup .google-g{font-size:37px}.mockup-symbol{font-size:32px}.mockup-bottom b{font-size:13px}.mockup-qr{width:35px;height:35px}.benefit-grid{grid-template-columns:1fr}.benefit-grid>div{border-right:0;border-bottom:1px solid var(--line);padding:16px 0}.benefit-grid>div:last-child{border:0}.products{padding-block:75px}.section-heading{display:block}.section-heading h2,.how h2,.story-cta h2,.story-end h2{font-size:40px}.section-heading>p{font-size:15px;margin-top:18px}.product-grid{grid-template-columns:1fr;gap:20px}.product-visual{height:320px}.product-info{padding:22px}.product-info h3{font-size:23px}.how{padding-block:65px}.how-inner{grid-template-columns:1fr;gap:35px}.story-cta{padding-block:75px}.story-cta p{font-size:15px}.story-hero{padding-top:65px;min-height:390px}.story-hero h1{font-size:61px}.story-lead{font-size:17px}.story-mark{right:4px;bottom:-20px;font-size:60px}.story-mark span{font-size:40px;margin:0 4px}.timeline{padding-block:30px 70px}.timeline article{grid-template-columns:1fr;gap:15px;padding:32px 0}.timeline h2{font-size:34px}.timeline p{font-size:15px}.story-end{grid-template-columns:1fr;padding:40px 25px;margin-bottom:65px}.story-end-art{font-size:100px;text-align:left}.footer{padding:35px 0}.footer-inner{grid-template-columns:1fr;gap:14px}.footer-links{gap:17px}}
/* Identité officielle relevée dans la charte de production. */
:root{--blue:#2258E8;--ink:#000;--muted:#5E5E5E;--line:#DEDEDE;--pale:#ECEFF5}
.wordmark img{width:148px;height:46px;object-fit:contain;display:block}.footer-logo{width:145px;height:auto;display:block}.mini-logo-image{width:65px;height:25px;object-fit:contain;filter:brightness(0) invert(1)}
.product-action strong small{font-size:11px;color:var(--muted);font-weight:600}.nav-links{margin-left:0}.nav-links a{white-space:nowrap}
.boutique-hero{padding-block:90px 80px;border-bottom:1px solid var(--line)}.boutique-hero h1{font-size:clamp(58px,6vw,88px);line-height:1.06;margin:25px 0}.boutique-hero p{max-width:680px;color:var(--muted);font-size:19px;line-height:1.7}.boutique-section{padding-block:100px}.boutique-alt{background:#F8FAFC}.boutique-section-heading{max-width:690px;margin-bottom:40px}.boutique-section-heading h2{font-size:clamp(39px,4vw,60px);margin:12px 0 15px}.boutique-section-heading p{color:var(--muted);font-size:17px;line-height:1.65}.boutique-plaques{display:grid;grid-template-columns:1fr 1fr;gap:24px}.boutique-plaque{border:1px solid #e1e5ec;border-radius:20px;overflow:hidden;display:block;transition:transform .2s,box-shadow .2s}.boutique-plaque:hover,.support-card:hover{transform:translateY(-4px);box-shadow:0 18px 38px rgba(11,32,80,.1)}.boutique-plaque img{width:100%;height:340px;object-fit:contain;background:#F8FAFC}.boutique-plaque>div{padding:20px 24px 24px}.boutique-plaque h3,.support-card h3{font-size:24px;margin:0 0 10px}.boutique-plaque span{display:flex;justify-content:space-between;color:var(--muted);font-weight:700}.boutique-plaque b{color:var(--blue)}.brand-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.brand-design{display:block}.brand-design strong{display:block;font-size:15px;padding:12px 2px}.brand-card{height:210px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:35px;padding:25px;border-radius:16px;box-shadow:0 10px 25px rgba(12,30,72,.09);transition:transform .2s}.brand-design:hover .brand-card{transform:translateY(-5px)}.brand-card>img{width:75%;height:90px;object-fit:contain}.brand-card-bottom{width:100%;display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:.16em;font-weight:800}.brand-card-bottom span{font-size:20px}.boutique-order{margin-top:60px;padding:30px 35px;border-radius:20px;background:#fff;border:1px solid #e1e5ec;display:flex;justify-content:space-between;align-items:center;gap:30px}.boutique-order h3{font-size:25px;margin:0 0 8px}.boutique-order p{color:var(--muted);margin:0;font-size:15px}.support-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.support-card{border:1px solid #e1e5ec;border-radius:20px;overflow:hidden;transition:transform .2s,box-shadow .2s}.support-card img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}.support-card>div{padding:22px}.support-card span{color:var(--blue);font-size:13px;font-weight:800}
@media(max-width:900px){.brand-grid{grid-template-columns:repeat(3,1fr)}.support-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.wordmark img{width:110px;height:34px}.brand-grid{grid-template-columns:repeat(2,1fr);gap:14px}.brand-card{height:155px;padding:15px}.brand-card>img{height:65px}.brand-design strong{font-size:12px}.boutique-hero{padding-block:60px}.boutique-hero h1{font-size:55px}.boutique-hero p{font-size:16px}.boutique-section{padding-block:65px}.boutique-plaques,.support-grid{grid-template-columns:1fr}.boutique-plaque img{height:290px}.boutique-order{display:block;padding:25px}.boutique-order .button{margin-top:20px}.nav-links{gap:9px}.nav-links a{font-size:10px}}
.hero-product-photo{position:absolute;width:55%;height:auto;object-fit:contain;filter:drop-shadow(0 22px 24px rgba(32,52,106,.13))}.hero-photo-insta{right:1%;top:8%;transform:rotate(10deg)}.hero-photo-google{left:2%;top:23%;transform:rotate(-8deg)}.real-product-photo{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .3s}.product-visual:hover .real-product-photo{transform:scale(1.04)}@media(max-width:640px){.hero-product-photo{width:59%}.hero-photo-insta{right:-2%;top:12%}.hero-photo-google{left:-3%;top:27%}}