@font-face{font-family:DM Sans;font-style:normal;font-weight:300 700;font-display:swap;src:url(/fonts/dm-sans-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-weight:300 700;font-display:swap;src:url(/fonts/dm-sans-latin.woff2) format("woff2");unicode-range:U+0000-00FF,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}:root{--bg: #FFFFFF;--bg-soft: #F4F6FA;--surface: #FFFFFF;--ink: #0B1A35;--ink-2: #2A3550;--muted: #59647C;--line: #E1E6EF;--navy: #0B1A35;--on-navy: #F3F5FA;--storipo: #E5202A;--storipo-ink: #B70D17;--storipo-soft: #FDEDEE;--opibag: #0E3F8C;--opibag-ink: #0E3F8C;--opibag-soft: #E9F0FC;--ok: #1D7F4F;--on-opibag: #FFFFFF;--accent: var(--ink);--accent-ink: var(--ink);--accent-soft: var(--bg-soft);--radius: 14px;--font: "DM Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;--w: 1160px;color-scheme:light}:root[data-theme=dark]{--bg: #0A0F1E;--bg-soft: #0F172B;--surface: #131C33;--ink: #E9EDF5;--ink-2: #C6CDDD;--muted: #98A3BA;--line: #223050;--navy: #070C18;--on-navy: #E9EDF5;--storipo: #FF4D55;--storipo-ink: #FF7A80;--storipo-soft: #36141A;--opibag: #7AA5F5;--opibag-ink: #9DBDF8;--opibag-soft: #14254A;--on-opibag: #0A1630;--ok: #57C893;color-scheme:dark}[data-produit=storipo]{--accent: var(--storipo);--accent-ink: var(--storipo-ink);--accent-soft: var(--storipo-soft)}[data-produit=opibag]{--accent: var(--opibag);--accent-ink: var(--opibag-ink);--accent-soft: var(--opibag-soft)}[data-produit=storipo] h1,[data-produit=opibag] h1{font-size:clamp(2rem,4vw,2.9rem)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}img,video,svg{max-width:100%;display:block}a{color:inherit}h1,h2,h3{line-height:1.15;margin:0;text-wrap:balance;letter-spacing:-.015em}h1{font-size:clamp(2.1rem,5vw,3.4rem);font-weight:700}h2{font-size:clamp(1.6rem,3.2vw,2.25rem);font-weight:700}h3{font-size:1.15rem;font-weight:700;letter-spacing:0}p{margin:0}:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:4px}.wrap{max-width:var(--w);margin:0 auto;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}[class$=-grille]>*,.hors-ligne>*,.entreprise>*{min-width:0}.section{padding-block:clamp(56px,8vw,96px)}.section.soft{background:var(--bg-soft)}.stack{display:grid;gap:16px}.lede{font-size:clamp(1.05rem,1.6vw,1.2rem);color:var(--ink-2);max-width:60ch}.muted{color:var(--muted)}.eyebrow{font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-ink)}.sechead{display:grid;gap:12px;max-width:720px;margin-bottom:clamp(28px,4vw,44px)}.sechead p{color:var(--ink-2)}.btns{display:flex;flex-wrap:wrap;gap:12px}.btn{display:inline-flex;align-items:center;gap:8px;font:inherit;font-size:1rem;font-weight:700;text-decoration:none;padding:13px 22px;border-radius:999px;border:2px solid transparent;cursor:pointer;transition:transform .15s ease,background-color .15s ease}.btn:hover{transform:translateY(-1px)}.btn-plein{background:var(--accent);color:#fff}[data-produit=company] .btn-plein{background:var(--ink);color:var(--bg)}[data-produit=opibag] .btn-plein{color:var(--on-opibag)}.btn-trait{border-color:var(--line);color:var(--ink);background:var(--surface)}.btn-trait:hover{border-color:var(--ink)}.btn.storipo{background:var(--storipo);color:#fff}.btn.opibag{background:var(--opibag);color:var(--on-opibag)}.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:20px}.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:18px}.carte{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:24px;display:grid;gap:10px;align-content:start;min-width:0}.carte p{color:var(--ink-2);font-size:.97rem}.puce{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;font-weight:700;padding:4px 11px;border-radius:999px;background:var(--accent-soft);color:var(--accent-ink);width:fit-content}.puce.storipo{background:var(--storipo-soft);color:var(--storipo-ink)}.puce.opibag{background:var(--opibag-soft);color:var(--opibag-ink)}.etapes{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:18px;counter-reset:etape}.etapes li{counter-increment:etape;display:grid;gap:8px;align-content:start;padding-top:16px;border-top:2px solid var(--line)}.etapes li:before{content:counter(etape);font-weight:700;font-size:.9rem;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:#fff}[data-produit=company] .etapes li:before{background:var(--ink);color:var(--bg)}[data-produit=opibag] .etapes li:before{color:var(--on-opibag)}.etapes li p{color:var(--ink-2);font-size:.97rem}.degrade{background:linear-gradient(90deg,var(--storipo),#9B2C8F 55%,var(--opibag));-webkit-background-clip:text;background-clip:text;color:transparent}.degrade.storipo{background-image:linear-gradient(90deg,var(--storipo),#F0743A)}.degrade.opibag{background-image:linear-gradient(90deg,var(--opibag),#3B82F6)}:root[data-theme=dark] .degrade{background-image:linear-gradient(90deg,var(--storipo),#D86BC8 55%,var(--opibag))}:root[data-theme=dark] .degrade.opibag{background-image:linear-gradient(90deg,var(--opibag),#A5C8FF)}.js [data-apparait]{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--rang, 0) * .11s)}.js [data-apparait=gauche]{transform:translate(-36px)}.js [data-apparait=droite]{transform:translate(36px)}.js [data-apparait].vu{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.js [data-apparait]{opacity:1;transform:none;transition:none}}.a-completer{display:inline;background:repeating-linear-gradient(135deg,transparent 0 6px,color-mix(in srgb,#E0A400 18%,transparent) 6px 12px);border:1px dashed #C99200;border-radius:6px;padding:1px 7px;font-size:.9em;color:var(--ink)}.a-completer.bloc{display:block;padding:12px 14px}.faq{display:grid;gap:10px;max-width:820px}.faq details{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:0 20px;transition:border-color .2s ease,box-shadow .2s ease}.faq details:hover,.faq details[open]{border-color:color-mix(in srgb,var(--accent) 35%,var(--line));box-shadow:0 14px 34px -24px #0b1a3566}.faq summary{cursor:pointer;font-weight:700;padding:16px 0;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";flex:none;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-weight:400;font-size:1.2rem;color:var(--accent-ink);background:var(--accent-soft);transition:transform .25s ease}.faq details[open] summary:after{transform:rotate(45deg)}@media(prefers-reduced-motion:reduce){.faq summary:after{transition:none}}.faq details p{padding-bottom:18px;color:var(--ink-2)}.bandeau{background:var(--navy);color:var(--on-navy);border:1px solid var(--line);border-radius:22px;padding:clamp(28px,5vw,52px);display:flex;flex-wrap:wrap;gap:24px;align-items:center;justify-content:space-between}.bandeau h2{max-width:22ch}.bandeau p{color:color-mix(in srgb,var(--on-navy) 78%,transparent);margin-top:8px;max-width:52ch}.bandeau .btn-trait{background:transparent;color:var(--on-navy);border-color:color-mix(in srgb,var(--on-navy) 40%,transparent)}.champ{display:grid;gap:6px}.champ label{font-weight:700;font-size:.92rem}.champ input,.champ select,.champ textarea{font:inherit;font-size:1rem;color:var(--ink);background:var(--surface);border:1.5px solid var(--line);border-radius:10px;padding:12px 14px;width:100%}.champ textarea{min-height:150px;resize:vertical}.champ input:focus,.champ select:focus,.champ textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.piege{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.retour{padding:12px 14px;border-radius:10px;font-size:.95rem;background:var(--bg-soft);border:1px solid var(--line)}.retour.ok{border-color:var(--ok);color:var(--ok)}#contenu{overflow-x:clip}@keyframes monte{0%{opacity:0;transform:translateY(26px)}}@keyframes flotte{50%{transform:translateY(-12px)}}@keyframes pouls{70%{box-shadow:0 0 0 8px #3ddc8400}to{box-shadow:0 0 #3ddc8400}}@keyframes clignote{50%{opacity:.25}}.hero{--lueur-a: rgb(59 130 246 / .16);--lueur-b: rgb(229 32 42 / .12);position:relative;overflow:hidden;color:var(--ink);background:radial-gradient(60% 70% at 92% 10%,var(--lueur-a),transparent 70%),radial-gradient(45% 60% at 0% 100%,var(--lueur-b),transparent 70%),linear-gradient(180deg,#FFFFFF,var(--bg-soft));padding-block:clamp(48px,7vw,84px) clamp(150px,15vw,190px)}[data-produit=storipo] .hero{--lueur-a: rgb(240 116 58 / .16);--lueur-b: rgb(229 32 42 / .14)}[data-produit=opibag] .hero{--lueur-a: rgb(59 130 246 / .22);--lueur-b: rgb(14 63 140 / .12)}:root[data-theme=dark] .hero{--lueur-a: rgb(14 63 140 / .5);--lueur-b: rgb(229 32 42 / .25);color:var(--on-navy);background:radial-gradient(60% 70% at 92% 10%,var(--lueur-a),transparent 70%),radial-gradient(45% 60% at 0% 100%,var(--lueur-b),transparent 70%),#070c18}:root[data-theme=dark][data-produit=storipo] .hero{--lueur-a: rgb(240 116 58 / .28);--lueur-b: rgb(229 32 42 / .32)}:root[data-theme=dark][data-produit=opibag] .hero{--lueur-a: rgb(59 130 246 / .45);--lueur-b: rgb(14 63 140 / .45)}.hero-grille{display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(32px,5vw,64px);align-items:center}.hero-grille>*{min-width:0}.hero-texte{display:grid;gap:22px;animation:monte .9s cubic-bezier(.2,.7,.2,1) both}.hero-visuel{position:relative;animation:monte 1s .15s cubic-bezier(.2,.7,.2,1) both}.pastille{display:inline-flex;align-items:center;gap:9px;width:fit-content;font-size:.85rem;font-weight:700;padding:6px 14px;border-radius:999px;color:var(--ink-2);background:var(--surface);border:1px solid var(--line);box-shadow:0 4px 14px -8px #0b1a3540}.pastille svg{width:20px;height:20px}.pastille .point{width:8px;height:8px;border-radius:50%;background:#1d9e5c;box-shadow:0 0 #3ddc8499;animation:pouls 2s infinite}.mot-storipo{color:var(--storipo)}.mot-opibag{color:#1f5fd6}.hero .lede{color:var(--ink-2)}.atouts{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px 22px;font-size:.92rem;color:var(--ink-2)}.atouts li{display:inline-flex;align-items:center;gap:7px}.atouts svg{width:18px;height:18px;fill:none;stroke:var(--ok);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}:root[data-theme=dark] .pastille{color:var(--on-navy);background:#ffffff14;border-color:#ffffff29;box-shadow:none}:root[data-theme=dark] .hero h1{color:#fff}:root[data-theme=dark] .mot-storipo{color:#ff6b72}:root[data-theme=dark] .mot-opibag{color:#8fb4ff}:root[data-theme=dark] .hero .lede,:root[data-theme=dark] .atouts{color:#f3f5fad1}:root[data-theme=dark] .pastille .point{background:#3ddc84}:root[data-theme=dark] .atouts svg{stroke:#3ddc84}:root[data-theme=dark] .hero .btn.opibag{border-color:#ffffff47}@media(max-width:900px){.hero-grille{grid-template-columns:1fr}}.bulle{position:absolute;z-index:3;display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:12px;font-size:.82rem;font-weight:700;white-space:nowrap;background:#fff;color:#0b1a35;border:1px solid #E1E6EF;box-shadow:0 14px 34px -12px #0b1a3559;animation:flotte 5s ease-in-out infinite}.voyant{width:9px;height:9px;border-radius:50%;flex:none}.voyant.rouge{background:#e5202a;animation:clignote 1.6s infinite}.voyant.vert{background:#1d9e5c}.voyant.bleu{background:#1f5fd6}@media(max-width:520px){.bulle{font-size:.72rem;padding:7px 10px}}.promesses{position:relative;z-index:2;margin-top:clamp(-130px,-11vw,-96px)}.promesse{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:14px 14px 22px;display:grid;gap:10px;align-content:start;box-shadow:0 22px 50px -24px #0b1a3559;transition:transform .25s ease,box-shadow .25s ease}.promesse:hover{transform:translateY(-6px);box-shadow:0 30px 60px -24px #0b1a3573}.promesse h3,.promesse p,.promesse .lien{margin-inline:8px}.promesse p{color:var(--ink-2);font-size:.97rem}.lien{font-weight:700;color:var(--storipo-ink);text-decoration:none;width:fit-content}[data-produit=opibag] .lien{color:var(--opibag-ink)}.lien span{display:inline-block;transition:transform .2s ease}.lien:hover span{transform:translate(4px)}.illu{height:150px;border-radius:14px;display:grid;place-items:center;margin-bottom:8px;background:linear-gradient(135deg,var(--storipo-soft),color-mix(in srgb,var(--storipo-soft) 50%,var(--opibag-soft)) 50%,var(--opibag-soft))}[data-produit=storipo] .illu{background:linear-gradient(135deg,var(--storipo-soft),color-mix(in srgb,var(--storipo-soft) 60%,#FFE6D5))}[data-produit=opibag] .illu{background:linear-gradient(135deg,var(--opibag-soft),color-mix(in srgb,var(--opibag-soft) 55%,#DCEBFF))}:root[data-theme=dark][data-produit] .illu{background:linear-gradient(135deg,var(--accent-soft),var(--bg-soft))}.illu svg{width:150px;height:auto;overflow:visible}.illu-wifi path{fill:none;stroke:var(--opibag);stroke-width:8;stroke-linecap:round}.illu-wifi circle{fill:var(--storipo)}[data-produit=storipo] .illu-wifi path{stroke:var(--storipo)}[data-produit=storipo] .illu-wifi circle{fill:var(--ink)}.onde{animation:onde 2.4s infinite}.o2{animation-delay:.3s}.o3{animation-delay:.6s}@keyframes onde{0%,to{opacity:.2}30%,60%{opacity:1}}.c-storipo{fill:var(--storipo)}.c-opibag{fill:var(--opibag)}.rail{stroke:var(--muted);stroke-width:3;stroke-dasharray:4 5;fill:none}.navette{fill:#9b2c8f;animation:navette 2.2s ease-in-out infinite alternate}@keyframes navette{0%{transform:translate(-12px)}to{transform:translate(12px)}}.illu-code{display:flex;gap:8px}.illu-code span{width:40px;height:52px;border-radius:10px;display:grid;place-items:center;font-size:1.6rem;font-weight:700;background:var(--surface);color:var(--opibag-ink);box-shadow:0 6px 16px -6px #0b1a354d;animation:chiffre 3.2s infinite both}.illu-code span:nth-child(2){animation-delay:.2s}.illu-code span:nth-child(3){animation-delay:.4s}.illu-code span:nth-child(4){animation-delay:.6s}@keyframes chiffre{0%{transform:translateY(10px) scale(.85);opacity:0}12%,80%{transform:none;opacity:1}to{opacity:0}}.illu-barres{display:flex;align-items:end;gap:10px;height:96px}.illu-barres span{width:22px;border-radius:6px 6px 3px 3px;background:linear-gradient(180deg,#F0743A,var(--storipo));transform-origin:bottom;animation:barre 3s ease-in-out infinite}.illu-barres span:nth-child(1){height:40%}.illu-barres span:nth-child(2){height:62%;animation-delay:.15s}.illu-barres span:nth-child(3){height:50%;animation-delay:.3s}.illu-barres span:nth-child(4){height:82%;animation-delay:.45s}.illu-barres span:nth-child(5){height:100%;animation-delay:.6s}@keyframes barre{0%,to{transform:scaleY(.35)}45%,75%{transform:scaleY(1)}}.illu-vendeurs{display:flex;gap:12px}.illu-vendeurs span{position:relative;width:50px;height:50px;border-radius:50%;display:grid;place-items:center;font-weight:700;color:#fff;background:#1f2c4d}.illu-vendeurs span:after{content:"✓";position:absolute;right:-4px;bottom:-4px;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:.7rem;background:#1d9e5c;color:#fff;border:2px solid var(--surface);animation:allume 3.6s infinite both}.illu-vendeurs span:nth-child(2):after{animation-delay:.5s}.illu-vendeurs span:nth-child(3):after{animation-delay:1s}.illu-vendeurs span:nth-child(2){background:var(--storipo)}.illu-vendeurs span:nth-child(3){background:#f0743a}@keyframes allume{0%,10%{transform:scale(0)}20%,85%{transform:scale(1)}to{transform:scale(0)}}.illu-epingle .epingle{fill:var(--opibag);animation:rebond 1.8s ease-in-out infinite;transform-origin:60px 60px}.illu-epingle .onde-sol{fill:none;stroke:var(--opibag);stroke-width:2.5;transform-origin:60px 66px;animation:cercle 1.8s ease-out infinite}.illu-epingle .rue{stroke:color-mix(in srgb,var(--opibag) 30%,transparent);stroke-width:4;stroke-linecap:round}@keyframes rebond{0%,to{transform:translateY(0)}40%{transform:translateY(-10px)}}@keyframes cercle{0%{transform:scale(.3);opacity:1}to{transform:scale(1.6);opacity:0}}.illu-trajet .route{stroke:var(--muted);stroke-width:3;stroke-dasharray:6 6;fill:none}.illu-trajet .depart{fill:var(--storipo)}.illu-trajet .arrivee{fill:var(--opibag)}.illu-trajet .sac{animation:trajet 3s ease-in-out infinite}.illu-trajet .sac rect{fill:#f0a400}.illu-trajet .sac path{fill:none;stroke:#0b1a35;stroke-width:2}@keyframes trajet{0%{transform:translate(0)}45%,55%{transform:translate(64px)}to{transform:translate(0)}}.bloc .wrap{display:grid;gap:20px}.bloc+.bloc{padding-top:clamp(16px,3vw,32px)}.ruban{padding:14px 22px;border-radius:14px;color:#fff;font-size:1.08rem;text-align:center;background:linear-gradient(90deg,var(--storipo),#F0743A);box-shadow:0 14px 30px -16px var(--storipo)}[data-produit=opibag] .ruban{background:linear-gradient(90deg,#0e3f8c,#3b82f6);box-shadow:0 14px 30px -16px #0e3f8c}.intro{color:var(--ink-2);max-width:75ch}.duo{display:grid;grid-template-columns:1.15fr 1fr;gap:clamp(24px,4vw,48px);align-items:center;margin-block:12px}.duo>*{min-width:0}.duo.inverse .duo-visuel{order:2}.duo-visuel{position:relative;padding-bottom:40px}.duo-tel{position:absolute;right:-10px;bottom:0;width:30%;animation:flotte 6.5s ease-in-out infinite}.deux-tel{display:flex;justify-content:center;gap:6%;padding-bottom:0}.deux-tel>.ecran{width:40%}.deux-tel>.ecran:first-child{transform:rotate(-4deg) translateY(16px)}.deux-tel>.ecran:last-child{transform:rotate(3deg)}.duo-cartes{display:grid;gap:14px}.duo-texte{display:grid;gap:18px;align-content:center}.atout{background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 22%,transparent);border-radius:16px;padding:18px 20px;display:grid;gap:6px;transition:transform .2s ease}.atout:hover{transform:translate(4px)}.atout h3{display:flex;align-items:center;gap:10px}.atout svg{flex:none;width:22px;height:22px;fill:none;stroke:var(--accent-ink);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.atout p{color:var(--ink-2);font-size:.95rem}.citation{margin:0;padding:16px 22px 16px 58px;border-radius:14px;position:relative;font-style:italic;color:var(--accent-ink);background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 25%,transparent)}.citation:before{content:"“";position:absolute;left:18px;top:2px;font-size:3rem;font-style:normal;font-weight:700;line-height:1;color:var(--accent);opacity:.6}@media(max-width:900px){.duo{grid-template-columns:1fr}.duo.inverse .duo-visuel{order:0}.duo-tel{right:0;width:28%}}.fonctions{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));gap:16px}.fonction{position:relative;overflow:hidden;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:22px;display:grid;gap:10px;align-content:start;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.fonction:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,var(--accent),color-mix(in srgb,var(--accent) 40%,#F0A400));transform:scaleX(0);transform-origin:left;transition:transform .35s ease}.fonction:hover{transform:translateY(-6px);box-shadow:0 24px 50px -28px #0b1a3573;border-color:color-mix(in srgb,var(--accent) 30%,var(--line))}.fonction:hover:before{transform:scaleX(1)}.fonction .icone{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;background:var(--accent-soft);transition:transform .3s ease}.fonction:hover .icone{transform:rotate(-6deg) scale(1.08)}.fonction .icone svg{width:24px;height:24px;fill:none;stroke:var(--accent-ink);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.fonction p{color:var(--ink-2);font-size:.95rem}.defile{overflow:hidden;padding-block:22px;background:#0b1a35;color:#f3f5fa;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}:root[data-theme=dark] .defile{background:var(--surface)}.defile-piste{display:flex;width:max-content;animation:defile 38s linear infinite}.defile:hover .defile-piste{animation-play-state:paused}.defile ul{list-style:none;margin:0;padding:0;display:flex}.defile li{display:inline-flex;align-items:center;gap:28px;padding-right:28px;font-weight:700;font-size:1.05rem;white-space:nowrap}.defile li:after{content:"";width:8px;height:8px;border-radius:3px;background:linear-gradient(135deg,var(--storipo),#3B82F6)}@keyframes defile{to{transform:translate(-50%)}}@media(prefers-reduced-motion:reduce){.defile-piste{animation:none;flex-wrap:wrap;width:auto}.defile ul[aria-hidden]{display:none}.defile ul{flex-wrap:wrap;justify-content:center}}.parcours{--n: 4;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(var(--n),1fr);gap:18px}.etape{min-width:0;background:var(--surface);border:1px solid var(--line);border-top:4px solid var(--opibag);border-radius:18px;overflow:hidden;display:grid;grid-template-rows:auto 1fr;transition:transform .25s ease,box-shadow .25s ease}.etape.storipo{border-top-color:var(--storipo)}.etape:hover{transform:translateY(-6px);box-shadow:0 24px 50px -26px #0b1a3566}.etape-ecran{height:250px;overflow:hidden;padding:18px 18% 0;background:linear-gradient(180deg,var(--opibag-soft),transparent)}.etape.storipo .etape-ecran{background:linear-gradient(180deg,var(--storipo-soft),transparent)}.etape-ecran .ecran{transition:transform .5s ease}.etape:hover .etape-ecran .ecran{transform:translateY(-14px)}.etape-texte{padding:16px 18px 20px;display:grid;gap:8px;align-content:start}.etape-tete{display:flex;align-items:center;gap:10px}.num{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:.9rem;color:#fff;background:var(--opibag);flex:none}.etape.storipo .num{background:var(--storipo)}:root[data-theme=dark] .etape:not(.storipo) .num{color:var(--on-opibag)}.etape p{color:var(--ink-2);font-size:.95rem}.parcours.cinq{--n: 5}.parcours.cinq .etape-ecran{height:220px;padding-inline:14%}.etape-illu{display:grid;align-content:center;justify-items:center;gap:14px}.parcours.cinq .etape-illu{padding:18px 16px}.etape-illu svg{width:70%;max-width:170px}.etape-illu .notif{margin:0;display:grid;gap:2px;padding:10px 12px;border-radius:14px;background:var(--surface);border:1px solid var(--line);box-shadow:0 10px 24px -14px #0b1a3566;font-size:.8rem;line-height:1.35;color:var(--ink-2)}.etape-illu .notif b{color:var(--ink)}@media(max-width:1000px){.parcours,.parcours.cinq{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:min(78%,300px);overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:10px}.etape{scroll-snap-align:start}}.tete-carrousel{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:28px}.fleches{display:flex;gap:10px;flex:none}.fleche{width:46px;height:46px;border-radius:50%;border:1.5px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;display:grid;place-items:center;transition:background-color .2s ease,color .2s ease,border-color .2s ease}.fleche:hover{background:var(--accent);border-color:var(--accent);color:#fff}:root[data-theme=dark] [data-produit=opibag] .fleche:hover,:root[data-theme=dark][data-produit=opibag] .fleche:hover{color:var(--on-opibag)}.fleche svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.carrousel{list-style:none;margin:0;padding:6px 4px 22px;display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;align-items:start}.carrousel:focus-visible{outline-offset:4px}.diapo{flex:none;scroll-snap-align:start;display:grid;gap:16px}.diapo.telephone{width:200px}.diapo.ordinateur{width:min(80vw,640px)}.legende{display:flex;gap:12px;align-items:start}.heure{flex:none;width:28px;height:28px;border-radius:8px;display:grid;place-items:center;font-weight:700;font-size:.85rem;background:var(--accent-soft);color:var(--accent-ink)}.legende h3{font-size:1.02rem}.legende p{color:var(--muted);font-size:.92rem}.appel{display:grid;grid-template-columns:1fr 1.2fr;border-radius:24px;overflow:hidden;background:var(--surface);border:1px solid var(--line);box-shadow:0 30px 70px -40px #0b1a3580}.appel-visuel{position:relative;min-height:340px;clip-path:polygon(0 0,100% 0,84% 100%,0 100%);background:radial-gradient(70% 80% at 20% 20%,rgb(229 32 42 / .55),transparent 70%),radial-gradient(70% 80% at 80% 90%,rgb(59 130 246 / .6),transparent 70%),#0b1a35}[data-produit=storipo] .appel-visuel{background:radial-gradient(70% 80% at 20% 20%,rgb(229 32 42 / .7),transparent 70%),radial-gradient(70% 80% at 80% 90%,rgb(240 116 58 / .55),transparent 70%),#0b1a35}[data-produit=opibag] .appel-visuel{background:radial-gradient(70% 80% at 20% 20%,rgb(59 130 246 / .65),transparent 70%),radial-gradient(70% 80% at 80% 90%,rgb(14 63 140 / .9),transparent 70%),#0b1a35}.appel-tel{position:absolute;width:34%}.appel-tel.a1{left:12%;top:14%;transform:rotate(-6deg)}.appel-tel.a2{left:44%;top:26%;transform:rotate(5deg)}.appel-texte{padding:clamp(28px,5vw,56px);display:grid;gap:18px;align-content:center}.appel-texte p{color:var(--ink-2)}@media(max-width:800px){.appel{grid-template-columns:1fr}.appel-visuel{min-height:260px;clip-path:polygon(0 0,100% 0,100% 86%,0 100%)}.appel-tel{width:30%}.appel-tel.a1{left:16%;top:10%}.appel-tel.a2{left:52%;top:18%}}.faq-grille{display:grid;grid-template-columns:1fr 1.6fr;gap:clamp(28px,5vw,64px);align-items:start}.faq-grille>*{min-width:0}.faq-aide{margin-top:20px;padding:18px 20px;border-radius:16px;background:var(--accent-soft);display:grid;gap:6px}.faq-aide p{color:var(--ink-2);font-size:.95rem}@media(max-width:900px){.faq-grille{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.hero-texte,.hero-visuel,.bulle,.duo-tel,.pastille .point,.voyant,.onde,.navette,.illu-code span,.illu-barres span,.illu-vendeurs span:after,.illu-epingle .epingle,.illu-epingle .onde-sol,.illu-trajet .sac{animation:none}}.evitement[data-astro-cid-5hce7sga]{position:absolute;left:12px;top:-60px;background:var(--ink);color:var(--bg);padding:10px 14px;border-radius:8px;z-index:50;text-decoration:none}.evitement[data-astro-cid-5hce7sga]:focus{top:12px}.entete[data-astro-cid-5hce7sga]{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--line);padding-top:env(safe-area-inset-top,0px)}.entete-ligne[data-astro-cid-5hce7sga]{display:flex;align-items:center;gap:12px 28px;min-height:68px;flex-wrap:wrap}.logo[data-astro-cid-5hce7sga]{display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:1.15rem;text-decoration:none;letter-spacing:-.01em}.onglets[data-astro-cid-5hce7sga]{display:flex;gap:4px;margin-right:auto}.onglets[data-astro-cid-5hce7sga] a[data-astro-cid-5hce7sga]{text-decoration:none;font-weight:500;color:var(--muted);padding:8px 14px;border-radius:999px;transition:color .15s ease,background-color .15s ease;white-space:nowrap}.onglets[data-astro-cid-5hce7sga] a[data-astro-cid-5hce7sga]:hover{color:var(--ink);background:var(--bg-soft)}.onglets[data-astro-cid-5hce7sga] a[data-astro-cid-5hce7sga][aria-current=page]{color:var(--ink);background:var(--bg-soft);font-weight:700}.onglets[data-astro-cid-5hce7sga] a[data-astro-cid-5hce7sga][aria-current=page][data-onglet=storipo]{color:var(--storipo-ink);background:var(--storipo-soft)}.onglets[data-astro-cid-5hce7sga] a[data-astro-cid-5hce7sga][aria-current=page][data-onglet=opibag]{color:var(--opibag-ink);background:var(--opibag-soft)}.theme[data-astro-cid-5hce7sga]{border:0;background:none;padding:4px;cursor:pointer;border-radius:999px}.piste[data-astro-cid-5hce7sga]{display:block;width:56px;height:30px;border-radius:999px;background:var(--bg-soft);border:1.5px solid var(--line);position:relative;transition:background-color .2s ease}.bouton[data-astro-cid-5hce7sga]{position:absolute;top:2px;left:2px;width:23px;height:23px;border-radius:50%;background:var(--surface);box-shadow:0 1px 3px #00000040;display:grid;place-items:center;transition:transform .2s ease}.bouton[data-astro-cid-5hce7sga] svg[data-astro-cid-5hce7sga]{width:15px;height:15px;grid-area:1 / 1;fill:none;stroke:var(--ink);stroke-width:2;stroke-linecap:round;transition:opacity .2s ease}.lune[data-astro-cid-5hce7sga]{fill:var(--ink)!important;stroke:none!important;opacity:0}.theme[data-astro-cid-5hce7sga][aria-checked=true] .piste[data-astro-cid-5hce7sga]{background:var(--navy)}.theme[data-astro-cid-5hce7sga][aria-checked=true] .bouton[data-astro-cid-5hce7sga]{transform:translate(26px)}.theme[data-astro-cid-5hce7sga][aria-checked=true] .soleil[data-astro-cid-5hce7sga]{opacity:0}.theme[data-astro-cid-5hce7sga][aria-checked=true] .lune[data-astro-cid-5hce7sga]{opacity:1}@media(prefers-reduced-motion:reduce){.piste[data-astro-cid-5hce7sga],.bouton[data-astro-cid-5hce7sga],.bouton[data-astro-cid-5hce7sga] svg[data-astro-cid-5hce7sga]{transition:none}}@media(max-width:820px){.entete-ligne[data-astro-cid-5hce7sga]{padding-block:10px 0;gap:8px}.logo[data-astro-cid-5hce7sga]{margin-right:auto}.onglets[data-astro-cid-5hce7sga]{order:3;width:100%;margin:0;overflow-x:auto;padding-bottom:10px;scrollbar-width:none}.onglets[data-astro-cid-5hce7sga]::-webkit-scrollbar{display:none}}.pied[data-astro-cid-5hce7sga]{background:var(--navy);color:var(--on-navy);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom,0px)}.pied-grille[data-astro-cid-5hce7sga]{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:32px;padding-block:56px 40px}.pied-marque[data-astro-cid-5hce7sga]{display:grid;gap:12px;align-content:start}.pied-marque[data-astro-cid-5hce7sga] p[data-astro-cid-5hce7sga]{color:color-mix(in srgb,var(--on-navy) 70%,transparent);max-width:34ch;font-size:.95rem}.pied[data-astro-cid-5hce7sga] nav[data-astro-cid-5hce7sga]{display:grid;gap:8px;align-content:start}.pied[data-astro-cid-5hce7sga] h2[data-astro-cid-5hce7sga]{font-size:.78rem;text-transform:uppercase;letter-spacing:.1em;color:color-mix(in srgb,var(--on-navy) 60%,transparent);margin-bottom:4px}.pied[data-astro-cid-5hce7sga] nav[data-astro-cid-5hce7sga] a[data-astro-cid-5hce7sga]{text-decoration:none;color:color-mix(in srgb,var(--on-navy) 88%,transparent);font-size:.95rem;width:fit-content}.pied[data-astro-cid-5hce7sga] nav[data-astro-cid-5hce7sga] a[data-astro-cid-5hce7sga]:hover{color:var(--on-navy);text-decoration:underline}.pied-bas[data-astro-cid-5hce7sga]{border-top:1px solid color-mix(in srgb,var(--on-navy) 16%,transparent);padding-block:20px;font-size:.85rem;color:color-mix(in srgb,var(--on-navy) 60%,transparent)}@media(max-width:820px){.pied-grille[data-astro-cid-5hce7sga]{grid-template-columns:1fr 1fr}.pied-marque[data-astro-cid-5hce7sga]{grid-column:1 / -1}}