@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/lp/fonts/inter-latin-ext-34b9c504ca.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:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/lp/fonts/inter-latin-3100e775e8.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}
@font-face{font-family:"Inter Fallback";src:local("Arial");ascent-override:96.88%;descent-override:24.15%;line-gap-override:0%;size-adjust:107.4%}.inline-block{display:inline-block}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;font-family:sans-serif}body{margin:0}footer,menu,nav,section{display:block}video{vertical-align:baseline;display:inline-block}[hidden]{display:none}a{background-color:#0000}a:active,a:hover{outline:0}b{font-weight:700}h1{margin:.67em 0;font-size:2em}small{font-size:80%}img{border:0}svg:not(:root){overflow:hidden}button{color:inherit;font:inherit;margin:0}button{overflow:visible}button{text-transform:none}button{-webkit-appearance:button;cursor:pointer}button::-moz-focus-inner{border:0;padding:0}*{box-sizing:border-box}html{height:100%}body{color:#333;background-color:#fff;min-height:100%;margin:0;font-family:Arial,sans-serif;font-size:14px;line-height:20px}img{vertical-align:middle;max-width:100%;display:inline-block}.w-inline-block{max-width:100%;display:inline-block}.w-button{color:#fff;line-height:inherit;cursor:pointer;background-color:#3898ec;border:0;border-radius:0;padding:9px 15px;text-decoration:none;display:inline-block}h1,h2,h3{margin-bottom:10px;font-weight:700}h1{margin-top:20px;font-size:38px;line-height:44px}h2{margin-top:20px;font-size:32px;line-height:36px}h3{margin-top:20px;font-size:24px;line-height:30px}p{margin-top:0;margin-bottom:10px}ul{margin-top:0;margin-bottom:10px;padding-left:40px}.w-embed:before,.w-embed:after{content:" ";grid-area:1/1/2/2;display:table}.w-embed:after{clear:both}button,[type=button],[type=reset]{cursor:pointer;-webkit-appearance:button;border:0}.w--nav-link-open{display:block;position:relative}.w--nav-dropdown-open,.w--nav-dropdown-toggle-open{display:block}.w--nav-dropdown-list-open{position:static}.w--tab-active{display:block}:root{--dark-gray:#5f5f6d;--neutral--black\<deleted\|variable-052c90de\>:black;--black\<deleted\|variable-7d0ceb88\>:black;--orange-red\<deleted\|variable-b657f39a\>:#C2237A;--green--base\<deleted\|variable-25c7bbe6\>:#c2ff66;--gray--gray-900\<deleted\|variable-e0ae2212\>:#18181b;--gray--white\<deleted\|variable-6c8c2f79\>:white;--gray--gray-700\<deleted\|variable-ddbf9f05\>:#4d4d56;--gray--gray-200\<deleted\|variable-d33d3cd0\>:#ececee;--gray--gray-100\<deleted\|variable-5168063f\>:#f7f7f8;--gray--gray-300\<deleted\|variable-2fb83540\>:#e4e4e7;--light-gray:#f7f7f7;--black:#000;--gray:#aaaeb3;--gray--gray-500\<deleted\|variable-faec9ec1\>:#9e9ea9;--gray--gray-800\<deleted\|variable-f280466c\>:#3a3a41;--gray--gray-600\<deleted\|variable-746d9ade\>:#696977;--gainsboro\<deleted\|variable-888cf4e6\>:#e5e7eb;--white-smoke\<deleted\|variable-857b18ef\>:#f3f4f6;--submagic-orange:#C2237A;--white:white;--alley-component-library--neutral--black:black;--accessible-components--dodger-blue:#1378d1;--slate-grey\<deleted\|variable-5e90ecb1\>:#6b7280;--conversion-flow-library-medium-purple\<deleted\|variable-37794173\>:#b16cea;--red\<deleted\|variable-050809eb\>:#cc3d00;--dark-grey\<deleted\|variable-35b7c2bc\>:#afafaf14;--white-smoke-2\<deleted\|variable-32b5f6f8\>:#f1f1f1;--blue-black\<deleted\|variable-c1afc500\>:#111827;--untitled-ui-gray200\<deleted\|variable-bad2ea62\>:#eaecf0;--untitled-ui-gray900\<deleted\|variable-f63dbb51\>:#101828;--untitled-ui-gray100\<deleted\|variable-4a47ec41\>:#f2f4f7;--untitled-ui-gray700\<deleted\|variable-d4f37b50\>:#344054;--floral-white\<deleted\|variable-bbe37a6c\>:#fff7ed;--untitled-ui-gray500\<deleted\|variable-68f29e84\>:#667085;--untitled-ui-primary600\<deleted\|variable-c514c1b4\>:#7f56d9;--untitled-ui-primary700\<deleted\|variable-da4f7fa3\>:#6941c6;--untitled-ui-primary800\<deleted\|variable-ddf4f85f\>:#53389e;--green--dark\<deleted\|variable-d652be39\>:#8ac92c;--button-second-pricing\<deleted\|variable-0ec34ddb-13a9-43c4-0147-6724a706d5c5\>:var(--gray--white\<deleted\|variable-6c8c2f79\>);--accessible-components--dark-grey:#9b9b9b;--light-orange:#fff7ed;--green:#1ab76a;--light-green:#d1fadf;--alley-component-library--blue--900:#5167f6;--alley-component-library--gray--900:#131316;--alley-component-library--neutral--off-white:#f4f4f6}.w-layout-grid{grid-row-gap:16px;grid-column-gap:16px;grid-template-rows:auto auto;grid-template-columns:1fr 1fr;grid-auto-columns:1fr;display:grid}.w-layout-hflex{flex-direction:row;align-items:flex-start;display:flex}body{color:var(--dark-gray);font-family:Inter,sans-serif;font-size:12px;line-height:20px}h1{color:var(--neutral--black\<deleted\|variable-052c90de\>);letter-spacing:-.04em;margin-top:0;margin-bottom:0;font-family:Inter,sans-serif;font-size:80px;font-weight:500;line-height:1.2}h2{color:var(--neutral--black\<deleted\|variable-052c90de\>);letter-spacing:-.03em;margin-top:1.5em;margin-bottom:.5em;font-family:Inter,sans-serif;font-size:30px;font-weight:600;line-height:1.2}h3{clear:left;margin-top:0}p{margin-bottom:0}a{color:#000;border:1px #000;font-size:12px;font-weight:600;line-height:30px;text-decoration:none}ul{color:var(--neutral--black\<deleted\|variable-052c90de\>);letter-spacing:-.2px;margin-top:32px;margin-bottom:32px;padding-left:40px;font-size:18px;line-height:30px}li{margin-bottom:5px}img{max-width:100%;display:inline-block}.margin-bottom-08{float:none;text-align:left;margin-bottom:8px}.logo{width:130px}.faq{border:1px solid var(--gray--gray-200\<deleted\|variable-d33d3cd0\>);border-radius:12px;height:auto;display:block;overflow:hidden}.navbar{border-bottom:1px solid var(--gainsboro\<deleted\|variable-888cf4e6\>);background-color:#fff;width:100%;height:5em;padding-left:5vw;padding-right:5vw;display:flex;position:fixed;top:0}.body{color:var(--dark-gray);font-size:12px;line-height:1.4}.container{width:100%;max-width:1080px;margin-left:auto;margin-right:auto}.container.nav{justify-content:space-between;align-items:center;height:100%;display:flex}.container.footer{flex-direction:column;align-items:center;display:flex}.container.vertical.center{padding-top:4rem}.container.cta-container{background-color:#141414;border-radius:24px;height:45rem;overflow:hidden}.container.cta-container.vertical-center{position:relative}.container.cta-container.vertical-center.new{text-align:center;background-image:linear-gradient(#fbfbfc,#fff 10%);justify-content:flex-start;align-items:center;padding-top:5rem;box-shadow:0 0 0 1px #060c8614,inset 0 0 0 8px #fff}.nav-logo{width:130px}.nav-links{grid-column-gap:1rem;grid-row-gap:1rem;align-items:center;height:100%;display:flex}.button{border-radius:12px;justify-content:center;align-items:center;padding:1em 1.5em;font-size:1em;font-weight:600;line-height:1;transition:transform .35s;display:flex}.button:hover{transform:scale(.95)}.button.hero{background-color:var(--submagic-orange);font-size:16px}.nav-buttons{grid-column-gap:.5rem;align-items:center;display:none}.nav-buttons.new{display:flex}.burger-icon{display:none}.navbar-and-menu{z-index:100;background-color:#fff;flex-direction:column;min-height:5em;position:fixed;top:0;left:0;right:0}.menu{display:none}.section{flex-direction:column;justify-content:flex-start;align-items:center;width:100%;padding-top:6rem;display:flex}.section.first-section{margin-top:0;padding-top:0}.hero-section.section{flex-direction:column;margin-top:0;padding-bottom:0}.hero-section.section.first-section{margin-top:3em;padding-bottom:0;position:static}.hero-video{border-radius:12px;width:100%;max-width:280px;height:420px;padding-bottom:0;position:relative;overflow:hidden;box-shadow:0 8px 10px #0000001a}.hero-video.horizontal{max-width:1000px;height:100%;box-shadow:none;margin-top:0;padding-bottom:55%}.features-section,.features-section.section{padding-top:6rem}.features-section.section.margin-bottom-1{overflow:visible}.features-section.section{padding-top:6rem}.features{grid-column-gap:1em;grid-row-gap:1em;flex-wrap:wrap;grid-template-rows:auto auto;grid-template-columns:1fr 1fr;grid-auto-columns:1fr;width:100%;display:grid}.cta-section.section{padding-bottom:1em}.white{color:var(--white)}.vertical-center{flex-direction:column;align-items:center;display:flex}.footer{margin-top:6rem}.footer.section{color:var(--conversion-flow-library-medium-purple\<deleted\|variable-37794173\>);padding-bottom:3rem;padding-left:5vw;padding-right:5vw}.black{color:var(--black)}.grid-faq{grid-column-gap:15px;grid-row-gap:15px;grid-template-rows:auto;grid-template-columns:1fr;width:100%;max-width:800px;margin-top:5px}.accordion-item{background-color:#fff;border-radius:12px}.accordion-header{box-shadow:0 7px 5px 0 var(--dark-grey\<deleted\|variable-35b7c2bc\>);cursor:pointer;border:1px #f1f1f1;border-radius:12px;justify-content:space-between;align-items:center;padding:20px 30px;transition:padding .2s;display:flex}.accordion-header:hover{padding-left:34px}.accordion-header.grey-border.small-padding:hover{padding-left:1em}.icon-arrow{width:14px;height:14px;margin-left:10px}.accordion-content{padding:2em;display:block;overflow:hidden}.image{border:0px none var(--white-smoke-2\<deleted\|variable-32b5f6f8\>);outline-offset:0px;border-radius:100%;outline:3px #C2237A;width:400px;box-shadow:0 7px 5px #cacaca33}.link{color:var(--submagic-orange);font-weight:800;line-height:1.4}._2-cols{padding-bottom:0}.full-width{width:100%}.full-width.vertical{flex-direction:column;display:flex}.full-width.vertical.left{align-items:flex-start}.title{max-width:850px;color:var(--black);margin:0 auto;font-size:3em;font-weight:800;line-height:1.2}.title.margin-bottom-1.left{clear:none;direction:ltr;flex:0 auto;align-self:auto;position:static}.title.margin-bottom-1{text-align:center}.title.white{color:var(--white)}.title.center.margin-bottom-1{max-width:600px}.title.left{margin-left:0}.title.left.margin-bottom-1{text-align:left}.title.big{font-size:3.5em}.title.big.new{font-size:4em;font-weight:600;line-height:1.1}.title.new{font-size:3.2em;font-weight:600}.title.new.margin-bottom-20{max-width:550px}.vertical{flex-direction:column;display:flex}.vertical.left{text-align:left;align-items:flex-start}.vertical.left.margin-bottom-3{text-align:left}.vertical.center{text-align:center;flex:1;align-items:center}.hero-videos-block{grid-column-gap:1.5em;grid-row-gap:1.5em;justify-content:center;align-items:center;width:100%;margin-top:0;padding-top:40px;padding-bottom:40px;display:flex}.hero-videos-block.product-hunt{width:80%;padding-top:0;padding-bottom:10px}.social-proof-section.section{padding-top:2rem;display:flex}.how-to-section.section.first-section{margin-top:3em}.pause{display:none;position:absolute;inset:0%}.first-section{margin-top:6em}.text{color:var(--dark-gray);font-size:1.2em;line-height:1.4}.text.medium{font-size:1.4em;font-style:normal;line-height:1.5}.text.medium.black.normal{font-weight:400;line-height:1.6}.text.medium.margin-bottom-2{margin-bottom:2rem}.text.medium.margin-bottom-1.max-w-550px{max-width:550px}.text.medium.margin-bottom-20{margin-bottom:20px}.text.medium.stats{font-size:1.25em}.text.medium.max-w-550px{max-width:550px}.text.small{font-size:.9em;line-height:1.2}.text.small.margin-bottom-1{display:block}.text.black{color:var(--black)}.text.white{color:var(--white)}.text.big{font-size:1.5em}.text a{font-size:1em;line-height:1.4}.round-borders{border-radius:.75rem}.small-padding{padding:1em}.margin-bottom-1{margin-bottom:1rem}.margin-bottom-2{margin-bottom:2rem}.margin-bottom-3{margin-bottom:3rem}.small-title{color:var(--black);margin-top:0;margin-bottom:0;font-size:1.5em;font-weight:600;line-height:1.5}.small-title.margin-bottom-1{margin-bottom:1rem}.small-title.center.margin-bottom-08{margin-bottom:8px}.small-title.center.medium{letter-spacing:-.02em;font-size:1.8em;font-weight:600;line-height:1.2}.small-title.white{color:var(--white)}.small-title.margin-bottom-2{margin-bottom:2rem}.small-title.margin-bottom-08{margin-bottom:8px}.small-title.margin-bottom-12{font-weight:600}.small-title.medium{font-weight:500}.bg-white{background-color:var(--white)}.bg-light-orange{background-color:var(--light-orange)}.card{border:1px solid var(--light-gray);background-color:var(--white)}.card.round-borders.small-padding.shadows{box-shadow:0 0 0 1px #5158671a,0 1px 2px #51586714,0 1px 2px #707a8f1f}.card.round-borders.small-padding.shadows.vertical.full-width.shrink-hover:hover{transform:scale(.975)}.card.bg-light-orange{background-color:var(--light-orange)}.card.content{grid-column-gap:3em;grid-row-gap:3em;grid-template-rows:auto;align-items:center}.card.testimonial-card{border:1px solid #e8e8e7;border-radius:16px;flex-flow:column;justify-content:space-between;align-items:flex-start;height:320px;padding:2em;display:flex}.round{border-radius:500em}.shadows{box-shadow:0 2px 13px #00000014}.shrink-hover{transition:all .35s}.shrink-hover:hover{transform:scale(.95)}.hide-all-mobiles{display:block}.page-wrapper{width:100%;margin-left:auto;margin-right:auto}.center{text-align:center}.badge{padding:.25em .5em}.badge.round-borders.small-padding{padding:1em}.left{text-align:left}.dropdown-menu{grid-column-gap:.5em;grid-row-gap:.5em;flex-direction:column;grid-template-rows:auto auto;grid-template-columns:30em 30em;grid-auto-columns:1fr;align-items:flex-start;display:grid;position:absolute;top:4.5em}.dropdown-menu.round-borders.bg-white.shadows.small-padding{grid-column-gap:.5em;grid-row-gap:.5em;grid-template-rows:auto auto;grid-template-columns:30em;grid-auto-columns:1fr;display:grid}.dropdown-menu.round-borders.bg-white.shadows.small-padding.show{display:flex}.dropdown-menu.round-borders.bg-white.shadows.small-padding._2-cols{grid-column-gap:.5em;grid-row-gap:.5em;grid-template-rows:auto;grid-template-columns:25em 25em;grid-auto-columns:1fr;display:none}.dropdown-menu.round-borders.bg-white.shadows.small-padding._2-cols.show{grid-column-gap:.5em;grid-row-gap:.5em;grid-template-rows:auto auto;grid-template-columns:1fr 1fr;grid-auto-columns:1fr;display:grid}.dropdown-menu.round-borders.bg-white.shadows.small-padding._3-cols{grid-column-gap:1.5em;grid-row-gap:2em;grid-template-rows:auto;grid-template-columns:auto auto auto}.dropdown-menu.round-borders.bg-white.shadows.small-padding{grid-template-columns:30em;display:none}.dropdown-menu.round-borders.bg-white.shadows.small-padding._2-cols{grid-column-gap:0em;grid-row-gap:0em;grid-template-rows:auto;grid-template-columns:1fr 1fr;grid-auto-columns:1fr;padding:0;display:none;overflow:hidden;box-shadow:0 0 2px #00000026,0 2px 13px #00000014}.dropdown-menu.round-borders.bg-white.shadows.small-padding._3-cols{grid-column-gap:0em;grid-row-gap:0em;border-radius:1rem;grid-template-rows:auto;grid-template-columns:auto auto auto;grid-auto-columns:1fr;padding:0;display:none;left:-7em;overflow:hidden}.dropdown-menu-col{grid-column-gap:.5em;grid-row-gap:.5em;flex-flow:column;max-width:240px;display:flex}.nav-link-2{grid-column-gap:.5em;grid-row-gap:.5em;color:#6b7280;align-items:center;font-size:1.15em;font-weight:500;line-height:24px;transition:all .3s;display:flex}.nav-link-2:hover{color:#C2237A}.text-6{color:#6b7280;font-size:1.2em;font-weight:500;line-height:1.4}.text-6.small{font-size:.8em;line-height:1.2}.text-6.small.black{color:var(--black)}.dropdown-link-4{grid-column-gap:.5em;grid-row-gap:.5em;cursor:pointer;border-radius:4px;align-items:center;height:100%;display:flex;position:relative}.dropdown-link-4:hover{border-radius:6px}.dropdown-link-4.w--current{color:#18181b;background-color:#f7f7f8}.dropdown-link-texts-3{grid-column-gap:.25em;grid-row-gap:.25em;flex-direction:column;align-items:flex-start;width:25em;transition:all .3s;display:flex}.dropdown-icon-4{width:.9em;transition:all .3s}.dropdown-icon-4:hover{color:#C2237A}.dropdown-link-block-4{grid-column-gap:.75em;grid-row-gap:.75em;align-items:center;padding:.5em;font-size:16px;transition:all .3s;display:flex}.dropdown-link-block-4:hover{background-color:#fff7ed}.dropdown-link-block-4.round-borders{grid-column-gap:.5rem;grid-row-gap:.5rem;grid-template-rows:auto auto;grid-template-columns:1fr 1fr;grid-auto-columns:1fr;display:flex}.dropdown-menu-title{color:var(--black);padding-left:.5em;font-size:14px;font-weight:700;line-height:1.5}.margin-bottom-20{margin-bottom:20px}.primary-button{grid-column-gap:10px;grid-row-gap:10px;background-color:var(--submagic-orange);color:var(--white);cursor:pointer;border-style:solid;border-color:#00000026;border-radius:12px;justify-content:center;align-items:center;padding:.75rem 1.25rem;font-size:1.5em;font-weight:700;transition:transform .35s;display:inline-flex}.primary-button:hover{transform:scale(.95)}.primary-button.nav{padding-left:1rem;padding-right:1rem;font-size:1.15em;line-height:1.1}.primary-button.price{width:100%;font-size:1.2em}.primary-button.price.small{width:auto}.primary-button.price.white{background-color:var(--white);color:var(--black)}.primary-button.price.margin-bottom-1{font-size:1.5em;line-height:1.5}.primary-button.price.margin-bottom-1.black{background-color:var(--black)}.primary-button.primary-button.white{background-color:var(--white);color:var(--black);text-decoration:none}.primary-button.new{border-style:none;border-color:#0000;border-radius:1rem;padding:.625rem 1rem .625rem 1.125rem;line-height:1.3;box-shadow:inset 0 0 0 2px #0000001f,inset 0 0 10px #ffffffbf,0 5px 25px 5px #C2237A40}.primary-button.new:hover{transform:scale(.975)}.primary-button.new.nav{border-radius:12px;padding-top:.75rem;padding-bottom:.75rem;box-shadow:inset 0 0 0 2px #0000001f,inset 0 0 10px #ffffffbf}.features-grid{grid-column-gap:20px;grid-row-gap:20px;grid-template-rows:auto auto;width:100%;max-width:840px}.features-grid.full-width{max-width:1080px}.feature-card{box-shadow:none;text-align:left;background-color:#f9f9fb80;border-radius:16px;overflow:hidden}.feature-card.full-width.grey-border{padding:0}.feature-card.full-width.grey-border.bg-white.horizontal{grid-column-gap:16px;grid-row-gap:16px;flex-flow:row;grid-template-rows:auto;grid-template-columns:1fr 1fr;grid-auto-columns:1fr;justify-content:space-between;align-items:center;display:grid}.feature-card.full-width.grey-border.bg-white{background-color:#fff}.feature-card.grey-border{border-radius:20px;flex-flow:column;padding:8px;display:flex;box-shadow:0 1px 2px #707a8f1f,0 1px 2px #51586714,0 0 0 1px #5158671a}.feature-card.grey-border.gradient-background{background-image:linear-gradient(#fbfbfc,#fff)}.feature-card.grey-border.bg-white{background-color:#fff}.feature-card.grey-border.bg-white.shrink-hover{transition-duration:.3s}.feature-card.grey-border.bg-white.shrink-hover:hover{background-color:#f9fafb;transform:scale(.975)}.feature-card.bg-white{background-color:var(--white)}.feature-description{color:var(--gray);padding:2em 1.125em}.feature-description.align-center{text-align:center;flex-flow:column;align-items:center;display:flex;position:relative}.feature-title-wrapper{grid-column-gap:.75rem;grid-row-gap:.75rem;align-items:center;display:flex}.feature-title-wrapper.margin-bottom-12.align-center{text-align:center}.margin-bottom-12{float:none;text-align:left;margin-bottom:12px}.feature-image-container{grid-column-gap:16px;grid-row-gap:16px;grid-template-rows:auto;grid-template-columns:1fr 1fr;grid-auto-columns:1fr;width:100%;position:relative}.feature-image-container.margin-bottom-2{display:none}.secondary-button{border:1px solid var(--gray);background-color:var(--white);color:#242424;border-radius:12px;justify-content:center;align-items:center;padding:.75rem 1rem;font-size:1.5em;font-weight:700;line-height:1.1;transition:transform .35s;display:inline-flex}.secondary-button:hover{background-color:var(--light-gray);transform:scale(.95)}.secondary-button.nav{color:var(--black);padding-left:1rem;padding-right:1rem;font-size:1.15em}.secondary-button.nav.hide-all-mobiles{border-color:#0003}.secondary-button.price.margin-bottom-1{font-size:1.5em;line-height:1.5}.cta-container-background{z-index:0;pointer-events:none;padding-top:1em;padding-left:1em;padding-right:1em;position:absolute;inset:0%}.cta-container-image-wrapper{width:58rem;margin-left:auto;margin-right:auto;position:absolute;top:27rem}.cta-gradient{background-image:linear-gradient(#14141400,#141414);width:100%;height:200px;position:absolute;inset:auto 0% 0%}.cta-gradient.white{background-image:linear-gradient(180deg,#fff0,var(--white));background-image:linear-gradient(#fff0,#fff);border-bottom-right-radius:24px;border-bottom-left-radius:24px;bottom:0;left:0%;right:0%}.grey-border{box-shadow:0 1px 2px #707a8f1f,0 1px 2px #51586714,0 0 0 1px #5158671a}.stats{grid-column-gap:1rem;grid-row-gap:1rem;max-width:840px;display:flex}.stats.margin-bottom-2{margin-left:auto;margin-right:auto}.stats.full-width{max-width:none}.icon-embed-xsmall{flex-direction:column;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;display:flex}.magic-clip-feature-icon{flex-direction:column;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;display:flex}.horizontal{grid-column-gap:4rem;grid-row-gap:4rem;grid-template-rows:auto;grid-template-columns:1fr 1fr;grid-auto-columns:1fr;width:100%;display:grid}.dropdown-icon-svg{flex-direction:column;justify-content:center;align-items:center;width:1.25rem;height:1.25rem;display:flex}.use-case{width:100%;color:var(--gray);padding:.5em}.use-case.align-center{text-align:center;flex-flow:column;align-items:center;display:flex;position:relative}.use-case-section.section.margin-bottom-1{overflow:visible}.use-case-section.section{padding-top:6rem}.business-pages-link-grid{grid-column-gap:2em;grid-row-gap:2em;grid-template-rows:auto auto auto;grid-template-columns:1fr 1fr 1fr;width:100%}.business-pages-link-grid._6-features{grid-template-rows:auto auto}.business-pages-link-grid._6-features.max-w-900{grid-column-gap:1rem;grid-row-gap:1rem;max-width:900px}.menu-divider{background-color:#00000014;width:100%;height:1px}.dropdown-menu-grid{grid-column-gap:1em;grid-row-gap:2em;grid-template-rows:auto;grid-template-columns:18em 18em;grid-auto-columns:1fr;align-items:start;width:100%;display:grid}.dropdown-menu-grid._1col{grid-column-gap:.5em;grid-row-gap:.5em;grid-template-columns:18em}.dropdown-menu-grid.features{grid-column-gap:.5em;grid-row-gap:.5em}.dropdown-menu-col-copy{grid-column-gap:1em;grid-row-gap:1em;flex-flow:column;width:100%;height:100%;padding:1.5em 1em 1em;display:flex;box-shadow:inset 0 0 0 1px #0000000f}.dropdown-menu-col-copy.bg-light-orange{background-color:#fffcf7;height:100%}.try-for-free-div{background-color:#fff1f140;border-radius:10px;justify-content:center;align-items:center;padding:8px;font-size:14px;font-weight:600;display:flex;box-shadow:inset 0 0 8px #ffffff80}.text-block-16{text-shadow:0 2px 4px #00000040}.tagline{color:var(--submagic-orange);letter-spacing:.1em;text-transform:uppercase;font-size:1.2em;font-weight:600;line-height:1.2}.tagline.hero{letter-spacing:0;text-transform:none;margin-bottom:8px;font-weight:500}.benefits-grid{grid-column-gap:24px;grid-row-gap:24px;grid-template-rows:auto;width:100%}.benefits-grid._3-steps{grid-column-gap:20px;grid-row-gap:20px;grid-template-columns:1fr 1fr 1fr}.benefits-grid._3-steps.max-w-900{grid-column-gap:1rem;grid-row-gap:1rem;max-width:980px}.text-link{font-size:1.2em;text-decoration:underline;transition:color .2s}.text-link:hover{color:var(--submagic-orange)}.cta-benefits-wrapper{grid-column-gap:2rem;grid-row-gap:2rem}.benefit-wrapper{grid-column-gap:10px;grid-row-gap:10px;flex-flow:row;justify-content:flex-start;align-items:center}@media screen and (min-width:1280px){.navbar{border-bottom-color:#f3f4f6}.container.nav{align-items:center}.container.vertical{grid-column-gap:0px;grid-row-gap:0px}.nav-links{grid-column-gap:2em;grid-row-gap:2em}.nav-buttons{align-items:center;display:flex}.vertical{grid-column-gap:0px;grid-row-gap:0px;grid-template-rows:auto auto;grid-template-columns:1fr 1fr;grid-auto-columns:1fr;display:flex}.vertical.left{grid-column-gap:0px;grid-row-gap:0px;flex-direction:column;justify-content:flex-start;align-items:flex-start}.margin-bottom-1{margin-bottom:1rem}.margin-bottom-2{margin-bottom:2rem}.margin-bottom-3{margin-bottom:3rem}.cta-container-image-wrapper{border-radius:0}}@media screen and (min-width:1440px){h1{color:var(--neutral--black\<deleted\|variable-052c90de\>);font-family:Inter,sans-serif;font-weight:600}h2{color:var(--black\<deleted\|variable-7d0ceb88\>);margin-top:1.5em;margin-bottom:.5em;font-family:Inter,sans-serif;font-size:40px;font-weight:600}h3{color:var(--black\<deleted\|variable-7d0ceb88\>);margin-top:1.5em;margin-bottom:.5em;font-family:Inter,sans-serif;font-size:30px;font-weight:600}p{font-size:18px}ul{color:var(--neutral--black\<deleted\|variable-052c90de\>);margin-top:10px;margin-bottom:10px;font-size:18px;line-height:30px}li{margin-bottom:5px}.image{outline-offset:0px;outline:3px #C2237A}.link{line-height:24px}.text.small{font-size:1em}.text-6.small{font-size:.8em}.secondary-button{font-size:1.4em;line-height:1.1}.secondary-button.hide-all-mobiles{color:var(--black)}.secondary-button.hide-all-mobiles:hover{background-color:var(--light-gray)}}@media screen and (max-width:991px){.navbar,.container.nav{font-size:1em}.nav-logo.w--current{width:110px}.nav-links{grid-column-gap:1.5em;grid-row-gap:1.5em;font-size:.9em}.nav-buttons{font-size:1em}.hero-video{padding-bottom:0%}.hero-video.horizontal{padding-bottom:56.25%}.features{grid-column-gap:1em}.footer.section{padding-left:5vw;padding-right:5vw}.title.big.margin-bottom-1{font-size:3.2em}.dropdown-menu.round-borders.bg-white.shadows.small-padding._2-cols{grid-column-gap:0em;grid-row-gap:0em;grid-column-gap:0em;grid-row-gap:0em;grid-template-columns:20em 20em;display:none}.hidden-on-tablet{display:none}.nav-link-2{font-size:1em}.primary-button.nav{font-size:1em}.feature-card{overflow:hidden}.feature-image-container.margin-bottom-2{align-items:center;display:none}.secondary-button.nav.hide-all-mobiles{font-size:1em}.cta-container-image-wrapper{width:38rem;top:28rem}.stats{flex-flow:column}.business-pages-link-grid{grid-template-columns:1fr 1fr}.benefits-grid._3-steps{grid-column-gap:24px;grid-row-gap:24px;grid-template-columns:1fr}}@media screen and (max-width:767px){h1{font-size:58px}h2{font-size:56px}h3{font-size:48px}.body{font-size:12px}.container.menu{grid-column-gap:1em;grid-row-gap:1em;border:1px solid var(--gray--gray-300\<deleted\|variable-2fb83540\>);background-color:var(--white-smoke\<deleted\|variable-857b18ef\>);border-radius:8px;flex-direction:column;align-items:flex-start;margin-top:0;padding:1.5em;display:none}.container.menu.shadows.show{width:90%;display:flex;top:6em}.container.menu{grid-column-gap:1em;grid-row-gap:1em;background-color:#f3f4f6;border:1px solid #e4e4e7;border-radius:8px;flex-direction:column;align-items:flex-start;margin-top:0;padding:1.5em;display:none}.container.menu.shadows{width:90%;display:none;position:absolute;top:6em}.nav-links{display:none}.nav-buttons{grid-column-gap:.75em;grid-row-gap:.75em;flex-direction:row-reverse;align-items:center;display:flex}.burger-icon{cursor:pointer;border:2px solid #0000;border-radius:6px;width:2.5em;padding-top:5px;padding-left:5px;padding-right:5px;transition:all .3s;display:block}.burger-icon:hover{border:1px solid var(--gray);background-color:var(--light-gray)}.burger-icon:focus{border:2px solid var(--gray--gray-300\<deleted\|variable-2fb83540\>);background-color:var(--white-smoke\<deleted\|variable-857b18ef\>)}.menu{padding-left:5vw;padding-right:5vw;display:flex}.hero-video{padding-bottom:0%}.features{grid-template-columns:1fr}.card.round-borders.small-padding.shadows{width:100%}.card.content{grid-template-columns:1fr}.hide-all-mobiles{display:none}.nav-link-2{font-size:1.15em}.dropdown-link-4:hover{background-color:#fff0}.dropdown-link-texts-3{font-size:14px}.dropdown-link-block-4{padding-left:0}.dropdown-link-block-4:hover{background-color:#f7f7f700}.dropdown-link-block-4.round-borders{padding-bottom:0}.dropdown-link-block-4.round-borders.small-padding{padding-top:.5em}.dropdown-menu-title{margin-top:.5em}.features-grid{grid-template-rows:auto auto auto;grid-template-columns:1fr}.business-pages-link-grid{grid-template-columns:1fr 1fr}}@media screen and (max-width:479px){h2{font-size:27px}h3{font-size:24px}p,ul{font-size:16px;line-height:25px}.container.menu.shadows.show{z-index:2147483647;display:flex}.container.menu.shadows{z-index:2147483647;grid-column-gap:1em;grid-row-gap:1em;border-radius:1rem;grid-template-rows:auto auto;grid-template-columns:1fr 1fr;grid-auto-columns:1fr;display:none;overflow:scroll}.container.cta-container.vertical-center{height:40rem;padding-left:1em;padding-right:1em}.nav-logo.shrink-hover{width:7.5em}.button{text-align:center}.hero-section.section{padding-bottom:0}.hero-section.section.first-section{margin-top:2em}.hero-video{max-width:none;height:500px;padding-bottom:0;overflow:hidden}.features-section.section{padding-top:4rem}.image{outline-offset:0px;mix-blend-mode:normal;outline:0 #C2237A;width:230px}.title{font-size:2.25em}.title.big.margin-bottom-1{font-size:2.75em}.title.new{font-size:2.5em}.hero-videos-block{border-radius:24px}.hero-videos-block.product-hunt{width:100%}.margin-bottom-3{width:100%}.dropdown-link-block-4.round-borders{padding-left:.5em}.dropdown-menu-title{font-size:1.15em}.primary-button.new.margin-bottom-3{width:auto}.feature-description{padding-left:1rem;padding-right:1rem}.cta-container-background{pointer-events:none}.cta-container-image-wrapper{width:34rem;top:30rem}.cta-gradient.white{height:150px}.dropdown-icon-svg{width:1.25rem;height:1.25rem}.use-case{padding-left:1rem;padding-right:1rem}.use-case-section.section{padding-top:4rem}.business-pages-link-grid{grid-template-columns:1fr}.try-for-free-div{font-size:13px}.text-block-16{text-align:center}.cta-benefits-wrapper{grid-column-gap:1rem;grid-row-gap:1rem;flex-flow:column}}
/* ================= stoleez : ajouts par-dessus la feuille de style de référence ================= */
:root{
  --submagic-orange:#C2237A;
  --orange-hi:#D63384;
  --orange-soft:#F5F3FA;
  color-scheme:light;
}
html{scroll-behavior:smooth}
body{margin:0;background:#fff;font-family:Inter,system-ui,sans-serif}
.page-wrapper{padding-top:5em}
.hl{color:var(--submagic-orange)}

/* Bouton principal : orange plus profond, léger relief */
.primary-button{
  background-image:linear-gradient(180deg,var(--orange-hi) 0%,var(--submagic-orange) 100%);
}
.try-for-free-div{background-color:rgba(255,255,255,.16)}

/* Logo */
.nav-logo{width:auto;display:inline-flex;align-items:center;gap:.65em;color:#111827}
.logo-mark{width:34px;height:34px;border-radius:10px;background:linear-gradient(180deg,var(--orange-hi),var(--submagic-orange));color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 2px rgba(100,28,0,.3)}
.logo-mark svg{width:16px;height:16px}
.logo-word{font-size:21px;font-weight:700;letter-spacing:-.02em;color:#111827}

/* Menus déroulants au survol */
.nav-links .dropdown-menu{display:none!important;z-index:60}
.dropdown-link-4:hover>.dropdown-menu,
.dropdown-link-4:focus-within>.dropdown-menu{display:grid!important}
.dropdown-menu._1-col{grid-template-columns:19em}
.dropdown-menu._3-cols{grid-template-columns:auto auto}
.dropdown-link-texts-3{width:auto;min-width:13em}
.dropdown-link-4:hover .nav-link-2,.dropdown-link-4:hover .dropdown-icon-4{color:var(--submagic-orange)}
.dropdown-link-4.hidden-on-tablet{display:flex}
@media (max-width:991px){.dropdown-link-4.hidden-on-tablet{display:none}}
.dropdown-link-block-4{text-decoration:none}
.dropdown-link-block-4:hover{background-color:var(--orange-soft)}
.dropdown-menu-col-copy.bg-light-orange{background-color:#FFFFFF}

/* Menu mobile */
.mm-link{font-size:16px;font-weight:600;color:#111827;text-decoration:none}
@media (max-width:767px){
  .container.menu.shadows.show{position:absolute;left:5%;right:5%;width:auto;top:5.5em}
}

/* Hero : cadre large à la place de la vidéo */
.hero-video.horizontal{padding-bottom:50%;border-radius:20px;box-shadow:0 0 0 1px rgba(81,88,103,.1),0 20px 50px -20px rgba(194,35,122,.28)}
.hero-video.horizontal>a{position:absolute;inset:0;display:block}
.hero-video .w-embed{position:absolute;inset:0}
@media (max-width:640px){.hero-video.horizontal{padding-bottom:70%}}

/* Bandeau de réassurance (défilement continu) */
.social-proof-section .text{text-align:center}

/* Cartes de fonctionnalités */
.feature-emoji-txt{display:none}
.feature-image-container{padding:0 1.125em 1.125em}
.step-visual{margin:1em 1em 0;height:11rem;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #ececee;border-radius:12px;padding:1em}
.step-visual p{margin:0}
.feature-card .feature-description .text{margin-bottom:0}
.use-case .text{margin-top:0}
.text-link{color:#111827}

/* Témoignages */
.card.testimonial-card{height:auto;min-height:320px;gap:1.25em;border-radius:16px}

/* FAQ en accordéon */
.accordion-item{width:100%}
.accordion-header{width:100%;box-sizing:border-box}
.accordion-header .small-title{text-align:left}
.accordion-content{display:grid;grid-template-rows:0fr;padding:0 2em;transition:grid-template-rows .3s ease,padding .3s ease}
.accordion-content>p{overflow:hidden;min-height:0;margin:0;text-align:left}
.accordion-item.open .accordion-content{grid-template-rows:1fr;padding-top:1em;padding-bottom:1.5em}
.icon-arrow{flex:none;color:#111827;transition:transform .3s ease}
.accordion-item.open .icon-arrow{transform:rotate(180deg)}

/* CTA final */
.title.new.max-w-cta{max-width:760px}
.cta-container>*:not(.cta-container-background):not(.cta-container-image-wrapper):not(.cta-gradient){position:relative;z-index:2}
.cta-bg-panel{height:100%;border-radius:16px;background:radial-gradient(80% 60% at 50% 105%,rgba(194,35,122,.26),rgba(194,35,122,0) 70%),linear-gradient(180deg,#FFFFFF 0%,#FFF4EB 100%)}
.cta-container-image-wrapper{z-index:1;left:0;right:0;max-width:94%}
.cta-gradient{z-index:3}
.cta-benefits-wrapper{flex-wrap:wrap;justify-content:center}

/* Pied de page */
.text.small a,a.text.small{text-decoration:none}
a.text.small:hover{color:var(--submagic-orange)}
.step-visual{font-family:Inter,system-ui,sans-serif}

@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
a:focus-visible,[role=button]:focus-visible{outline:2px solid var(--submagic-orange);outline-offset:2px}

/* Décor du hero (étoiles pointillées) */
.hero-section.section.first-section{position:relative}

/* Cartes : visuel calé en bas */
.feature-card{display:flex;flex-direction:column}
.feature-card .feature-image-container{margin-top:auto}
.title.new.max-w-faq{max-width:640px}
.cta-benefits-wrapper .small-title{font-size:1.2em}
.container.cta-container{height:auto;min-height:49rem}
.cta-container-image-wrapper{top:auto;bottom:0}
.cta-container.new{padding-bottom:22rem}
@media (max-width:767px){.cta-container.new{padding-bottom:20rem}}

/* Marges latérales sur petits écrans */
@media (max-width:991px){
  .section,.features-section{padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));box-sizing:border-box}
  .navbar{padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
}
@media (max-width:479px){
  .hero-section .primary-button.new{width:100%;box-sizing:border-box}
}
@media (max-width:767px){
  .cta-container.new{padding-bottom:19rem}
  .cta-container-image-wrapper{max-width:100%}
}

/* ===== Fond toujours blanc ===== */
html,body,.body,.page-wrapper,.section,.features-section{background:#fff}
.feature-card,.feature-card.grey-border{background:#fff}
.gradient-background{background-image:none;background-color:#fff}
.container.cta-container.vertical-center.new{background-image:none;background-color:#fff}
.cta-bg-panel{background:#fff}
.hero-video.horizontal{box-shadow:0 0 0 1px rgba(81,88,103,.12),0 20px 50px -24px rgba(15,23,42,.25)}
.dropdown-menu-col-copy,.dropdown-menu-col-copy.bg-light-orange{background-color:#fff}

/* ===== Identité Instagram x TikTok, version sombre et premium ===== */
:root{
  --ink:#0B0B10;
  --ig:linear-gradient(120deg,#6A2BD9 0%,#C2237A 52%,#F2603A 100%);
  --tt-cyan:#25F4EE;
  --tt-red:#FE2C55;
  --orange-soft:#F5F3FA;
}
/* Mots mis en avant : dégradé Instagram */
.hl{background:var(--ig);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.tagline{background:var(--ig);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
/* Boutons : noir encre, contour dégradé */
.primary-button,.primary-button.new,.primary-button.new.nav{
  color:#fff;border:1.5px solid transparent;
  background:linear-gradient(var(--ink),var(--ink)) padding-box,var(--ig) border-box;
  box-shadow:0 10px 30px -8px rgba(194,35,122,.45),0 2px 6px rgba(11,11,16,.25),inset 0 1px 0 rgba(255,255,255,.1);
}
.primary-button.new.nav{border-radius:12px}
.try-for-free-div{background:rgba(255,255,255,.12);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}
.text-block-16{text-shadow:none}
/* Logo : carré noir, double contour TikTok */
.logo-mark{width:auto;height:auto;flex:none;border-radius:0;background:none;box-shadow:none}
.logo-mark img{display:block;height:38px;width:auto;max-width:none;flex:none}
.logo-word{color:var(--ink)}
/* Détails */
.use-case .magic-clip-feature-icon svg{color:#C2237A}
.dropdown-link-block-4:hover{background-color:#F5F3FA}
.accordion-item.open .accordion-header{box-shadow:0 0 0 1.5px rgba(194,35,122,.45)}
.hero-video.horizontal{box-shadow:0 0 0 1px rgba(81,88,103,.12),0 30px 60px -30px rgba(106,43,217,.35)}

/* ===== Vignettes des 6 blocs : visuels produit premium ===== */
.feature-image-container{padding:0 1.125em 1.125em;display:block}
.vg{container-type:inline-size;position:relative;width:100%;aspect-ratio:1.9/1;border-radius:16px;overflow:hidden;
  background:linear-gradient(180deg,#FFFFFF 0%,#F7F6FB 100%);
  box-shadow:inset 0 0 0 1px rgba(81,88,103,.11)}
.vg-glow{position:absolute;inset:auto -10% -45% -10%;height:90%;pointer-events:none;
  background:radial-gradient(60% 60% at 50% 40%,rgba(106,43,217,.13),rgba(194,35,122,.07) 45%,rgba(255,255,255,0) 72%)}
.vg img{display:block;max-width:none}
.lift{transition:transform .5s cubic-bezier(.16,1,.3,1)}
.vg:hover .lift{transform:translateY(-1.4cqw) rotate(var(--r,0deg))}
@media (prefers-reduced-motion:reduce){.lift{transition:none}.vg:hover .lift{transform:none}}

/* 1. éventail de slideshows */
.fan-card{position:absolute;bottom:calc(-5cqw + var(--dy));left:calc(var(--cx) - var(--w)/2);width:var(--w);aspect-ratio:3/4;
  transform:rotate(var(--r));transform-origin:50% 120%;border-radius:1.6cqw;overflow:hidden;background:#fff;
  box-shadow:0 0 0 .25cqw rgba(255,255,255,.9),0 2.4cqw 4.4cqw -1.4cqw rgba(11,11,16,.45),0 .4cqw 1cqw rgba(11,11,16,.12)}
.fan-card img{width:100%;height:100%;object-fit:cover}
.fan-card:nth-of-type(3){z-index:3}.fan-card:nth-of-type(2),.fan-card:nth-of-type(4){z-index:2}
.vg-chip{position:absolute;top:4cqw;left:4cqw;z-index:5;display:flex;align-items:center;gap:1.6cqw;padding:1.5cqw 2.8cqw 1.5cqw 2cqw;border-radius:99px;
  background:rgba(255,255,255,.92);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  font:600 clamp(10px,2.5cqw,13px)/1 Inter,system-ui,sans-serif;color:#0B0B10;letter-spacing:-.01em;
  box-shadow:0 0 0 1px rgba(81,88,103,.12),0 1.2cqw 2.6cqw -1cqw rgba(11,11,16,.25)}
.vg-chip svg{color:#C2237A;width:clamp(12px,3cqw,15px);height:auto;flex:none}

/* 2. stories */
.st{position:absolute;left:calc(5.5cqw + var(--i)*23.6cqw);top:calc(15cqw + (var(--i) % 2)*6cqw);width:20cqw}
.st-tag{display:block;margin-bottom:1.6cqw;text-align:center;font:600 clamp(9px,2.3cqw,12px)/1 Inter,system-ui,sans-serif;letter-spacing:.02em;color:#4D4D56}
.st-phone{border-radius:2.4cqw;overflow:hidden;aspect-ratio:9/16;background:#0B0B10;
  box-shadow:0 0 0 .3cqw #0B0B10,0 2.4cqw 4.4cqw -1.4cqw rgba(11,11,16,.5),0 .4cqw 1cqw rgba(11,11,16,.15)}
.st-phone img{width:100%;height:100%;object-fit:cover}
.st:first-of-type{}

/* 3. fenêtre de l'app */
.win{position:absolute;left:6cqw;right:6cqw;top:8cqw;border-radius:1.8cqw 1.8cqw 0 0;overflow:hidden;background:#fff;
  box-shadow:0 0 0 1px rgba(81,88,103,.16),0 3cqw 6cqw -2cqw rgba(11,11,16,.35)}
.win img{width:100%;height:auto}

/* 4. personnalisation */

/* 5. trois iPhone */
.iph{position:absolute;left:var(--l);top:var(--t);width:24.5cqw;aspect-ratio:9/19;padding:.9cqw;border-radius:3.6cqw;background:#0B0B10;
  box-shadow:0 0 0 .25cqw #3a3a44,0 3cqw 5.4cqw -1.6cqw rgba(11,11,16,.5)}
.iph-island{position:absolute;z-index:2;top:1.6cqw;left:50%;width:6.4cqw;height:1.7cqw;margin-left:-3.2cqw;border-radius:99px;background:#0B0B10}
.iph-screen{width:100%;height:100%;border-radius:2.9cqw;overflow:hidden;background:#fff}
.iph-screen img{width:100%;height:100%;object-fit:cover;object-position:top}

/* 6. reproduire */
.rm{position:absolute;top:6cqw;width:22cqw;text-align:center}
.rm-a{left:17cqw}.rm-b{right:17cqw}
.rm-phone{border-radius:2.6cqw;overflow:hidden;aspect-ratio:9/16;background:#0B0B10;
  box-shadow:0 0 0 .3cqw #0B0B10,0 2.6cqw 4.8cqw -1.4cqw rgba(11,11,16,.5)}
.rm-phone img{width:100%;height:100%;object-fit:cover}
.rm-phone-b{box-shadow:0 0 0 .5cqw transparent,0 0 0 .5cqw #C2237A,0 2.6cqw 5.2cqw -1.2cqw rgba(194,35,122,.55)}
.rm-tag{display:inline-block;margin-top:1.8cqw;font:600 clamp(9px,2.3cqw,12px)/1 Inter,system-ui,sans-serif;color:#4D4D56;letter-spacing:.01em}
.rm-tag-b{color:#C2237A}
.rm-link{position:absolute;left:50%;top:17.5cqw;width:9.5cqw;height:9.5cqw;margin-left:-4.75cqw;padding:2.3cqw;border-radius:50%;
  background:linear-gradient(120deg,#6A2BD9,#C2237A 55%,#F2603A);box-shadow:0 1.4cqw 3cqw -1cqw rgba(194,35,122,.7),inset 0 .2cqw 0 rgba(255,255,255,.35)}

/* ajustements */
.fan-card{bottom:calc(-1cqw + var(--dy))}
.st{top:calc(14cqw + 0cqw);left:calc(5cqw + var(--i)*23.8cqw);width:21cqw}
.st:nth-of-type(odd){margin-top:0}
.st:nth-of-type(even){margin-top:4.6cqw}
.rm{width:23cqw;top:5cqw}
.rm-a{left:16cqw}.rm-b{right:16cqw}
.rm-link{top:15cqw}

/* ===== Vignette du bloc 3 ===== */
/* ========== la vignette ========== */
.b3-wires{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}
.b3-wires path{fill:none;stroke-linecap:round;stroke-linejoin:round}
.b3-wires .b3-net path{stroke:url(#wNet);stroke-width:.4}
.b3-wires .b3-flow path{stroke:#fff;stroke-width:.4;stroke-dasharray:5 95;stroke-dashoffset:5;opacity:.95;animation:b3fl 3.2s linear infinite;animation-delay:var(--d)}
@keyframes b3fl{to{stroke-dashoffset:-95}}
.b3-wires .b3-nd{stroke:#fff;stroke-width:.3}.b3-wires .b3-nd.b3-nd-s{fill:#25F4EE}.b3-wires .b3-nd.b3-nd-e{fill:#FE2C55}
.b3-pill-load{position:absolute;left:3.2cqw;top:3cqw;display:flex;align-items:center;gap:1.4cqw;padding:1.3cqw 2.6cqw 1.3cqw 1.8cqw;border-radius:99px;background:#fff;
  font:600 clamp(8px,2.15cqw,13px)/1 Inter,system-ui,sans-serif;letter-spacing:-.01em;box-shadow:0 0 0 1px rgba(81,88,103,.12),0 1cqw 2.4cqw -1cqw rgba(11,11,16,.2)}
.b3-spin{width:2.6cqw;height:2.6cqw;border-radius:50%;border:.5cqw solid rgba(194,35,122,.22);border-top-color:#C2237A;animation:b3sp 1.1s linear infinite}
@keyframes b3sp{to{transform:rotate(360deg)}}

/* offre : un libellé, puis un rectangle noir au contour TikTok / Instagram */
.b3-offer{position:absolute;left:3.2cqw;width:32cqw;top:23.36cqw}
.b3-offer-label{position:absolute;left:.6cqw;bottom:calc(100% + 1.9cqw);font:600 clamp(7px,1.8cqw,11px)/1 Inter,system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#6b6b77}
.b3-offer-box{position:relative;display:flex;align-items:center;gap:1.6cqw;height:9.4cqw;padding:0 2.6cqw;border-radius:2.2cqw;color:#fff;isolation:isolate;
  background:linear-gradient(#0B0B10,#0B0B10) padding-box,linear-gradient(115deg,#25F4EE 0%,#6A2BD9 30%,#C2237A 62%,#F2603A 85%,#FE2C55 100%) border-box;
  border:.34cqw solid transparent;
  box-shadow:-1.6cqw 1cqw 3.6cqw -1.6cqw rgba(37,244,238,.55),1.6cqw 1cqw 3.6cqw -1.6cqw rgba(254,44,85,.55),0 2.2cqw 4.2cqw -2cqw rgba(106,43,217,.55)}
.b3-offer-box::before{content:"";position:absolute;inset:0;border-radius:inherit;z-index:-1;
  background:radial-gradient(60% 120% at 0% 0%,rgba(37,244,238,.16),transparent 60%),radial-gradient(60% 120% at 100% 100%,rgba(254,44,85,.18),transparent 60%)}
.b3-ico{width:3cqw;height:3cqw;color:rgba(255,255,255,.62);flex:none}.b3-ico svg{width:100%;height:100%;display:block}
.b3-url{font:600 clamp(9px,2.7cqw,16px)/1 Inter,system-ui,sans-serif;letter-spacing:-.01em;white-space:nowrap}
.b3-caret{width:.32cqw;height:3.3cqw;border-radius:1px;background:#fff;opacity:.9;animation:b3bl 1.1s steps(1) infinite;margin-left:-.6cqw}
@keyframes b3bl{50%{opacity:0}}

.b3-plats{position:absolute;left:45cqw;top:15.86cqw;display:flex;flex-direction:column;gap:10cqw}
.b3-chip{width:7.2cqw;height:7.2cqw;padding:1.65cqw;border-radius:1.9cqw;background:#fff;display:block;
  box-shadow:0 0 0 1px rgba(81,88,103,.12),0 1.6cqw 3cqw -1.2cqw rgba(11,11,16,.32)}
.b3-chip svg{width:100%;height:100%;display:block}

.b3-accts{position:absolute;left:58.6cqw;right:2.8cqw;top:4.6cqw;display:grid;grid-template-columns:repeat(3,1fr);gap:1.1cqw}
.b3-acct{min-width:0;display:flex;flex-direction:column;gap:1cqw}
.b3-acct-head{display:flex;align-items:center;gap:1cqw;padding:.9cqw 1cqw .9cqw .9cqw;border-radius:2cqw;background:#fff;min-width:0;height:5.6cqw;
  box-shadow:0 0 0 1px rgba(81,88,103,.12),0 .8cqw 1.8cqw -.9cqw rgba(11,11,16,.25)}
.b3-avw{position:relative;flex:none;width:3.8cqw;height:3.8cqw}
.b3-av{display:block;width:100%;height:100%;border-radius:50%;overflow:hidden}.b3-av svg{width:100%;height:100%;display:block}
.b3-acct-meta{display:flex;flex-direction:column;gap:.45cqw;min-width:0;flex:1}
.b3-acct-meta b{font:600 clamp(6px,1.6cqw,10px)/1 Inter,system-ui,sans-serif;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.b3-acct-meta span{font:500 clamp(5px,1.35cqw,9px)/1 Inter,system-ui,sans-serif;color:#8A8A96;white-space:nowrap}
.b3-plat{position:absolute;right:-.7cqw;bottom:-.7cqw;width:1.9cqw;height:1.9cqw;padding:.25cqw;border-radius:50%;background:#fff;display:block;box-shadow:0 0 0 .2cqw rgba(81,88,103,.18)}.b3-plat svg{width:100%;height:100%;display:block}
.b3-tile{position:relative;border-radius:1.4cqw;overflow:hidden;aspect-ratio:3/4;background:#fff;
  box-shadow:0 0 0 .2cqw rgba(255,255,255,.9),0 0 0 .3cqw rgba(81,88,103,.12),0 1.4cqw 2.6cqw -1cqw rgba(11,11,16,.4)}
.b3-tile img{width:100%;height:100%;object-fit:cover}
.b3-tile.b3-on{box-shadow:0 0 0 .5cqw #C2237A,0 1.4cqw 2.6cqw -1cqw rgba(194,35,122,.55)}
@media (prefers-reduced-motion:reduce){.b3-spin,.b3-caret,.b3-wires .b3-flow path{animation:none}.b3-wires .b3-flow{display:none}}

/* ===== Vignette du bloc 4 ===== */
.b4-tabbar{position:absolute;left:50%;top:3.2cqw;transform:translateX(-50%);display:flex;gap:.4cqw;padding:.9cqw;border-radius:2.4cqw;background:#fff;
  box-shadow:0 0 0 1px rgba(81,88,103,.12),0 1.2cqw 2.8cqw -1.2cqw rgba(11,11,16,.28)}
.b4-tab{display:flex;flex-direction:column;align-items:center;gap:.5cqw;width:8.6cqw;padding:.95cqw 0 .8cqw;border-radius:1.6cqw;color:#7a7a86}
.b4-tab svg{width:2.5cqw;height:2.5cqw;display:block}
.b4-tab em{font:500 clamp(5px,1.45cqw,9px)/1 Inter,system-ui,sans-serif;font-style:normal;letter-spacing:-.005em;white-space:nowrap}
.b4-tab.b4-on{color:#0B0B10;background:#fff;box-shadow:0 0 0 .3cqw #C2237A,0 .6cqw 1.6cqw -.6cqw rgba(194,35,122,.5)}

.b4-cv{position:absolute;top:14.6cqw}
.b4-cv-tag{display:block;margin:0 0 1.2cqw;text-align:center;font:600 clamp(6px,1.7cqw,10px)/1 Inter,system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#6b6b77}
.b4-cv-frame{position:relative;border-radius:1.8cqw;overflow:hidden;background:#0B0B10;
  box-shadow:0 0 0 .3cqw #0B0B10,0 2.4cqw 4.6cqw -1.6cqw rgba(11,11,16,.5),0 .4cqw 1cqw rgba(11,11,16,.14)}
.b4-cv-frame img{width:100%;height:100%;object-fit:cover}
.b4-cv-story{left:6.5cqw;width:20.5cqw}.b4-cv-story .b4-cv-frame{aspect-ratio:9/16}
.b4-cv-slide{left:31.5cqw;width:26.6cqw}.b4-cv-slide .b4-cv-frame{aspect-ratio:3/4}

.b4-sel{position:absolute;border-radius:.5cqw;box-shadow:0 0 0 .28cqw #C2237A,0 0 0 .9cqw rgba(194,35,122,.16)}
.b4-sel-a{left:7%;top:8.5%;width:78%;height:12%}
.b4-sel-b{left:17%;top:30.5%;width:66%;height:13.5%}
.b4-hd{position:absolute;width:1.5cqw;height:1.5cqw;border-radius:50%;background:#fff;box-shadow:0 0 0 .26cqw #C2237A,0 .3cqw .8cqw rgba(11,11,16,.3)}
.b4-hd.b4-tl{left:-.75cqw;top:-.75cqw}.b4-hd.b4-tr{right:-.75cqw;top:-.75cqw}.b4-hd.b4-bl{left:-.75cqw;bottom:-.75cqw}.b4-hd.b4-br{right:-.75cqw;bottom:-.75cqw}
.b4-mini{position:absolute;left:7%;top:calc(20.5% + 2.1cqw);display:flex;align-items:center;gap:1.1cqw;padding:.85cqw 1.5cqw;border-radius:99px;background:#0B0B10;color:#fff;
  box-shadow:0 .8cqw 1.8cqw -.6cqw rgba(11,11,16,.5);font:600 clamp(5px,1.5cqw,9px)/1 Inter,system-ui,sans-serif;z-index:3}
.b4-mini b{font-weight:800}.b4-mini span{opacity:.8}
.b4-dotc{width:1.7cqw;height:1.7cqw;border-radius:50%;background:linear-gradient(120deg,#6A2BD9,#C2237A 55%,#F2603A);box-shadow:0 0 0 .2cqw rgba(255,255,255,.5)}
.b4-cursor{position:absolute;right:13%;top:41%;width:4.2cqw;height:4.2cqw;filter:drop-shadow(0 .5cqw .8cqw rgba(11,11,16,.45));z-index:4}

.b4-panel{position:absolute;left:63cqw;right:3.6cqw;top:14.6cqw;padding:2cqw 2.2cqw 2.2cqw;border-radius:2.2cqw;background:#fff;
  box-shadow:0 0 0 1px rgba(81,88,103,.12),0 2.4cqw 4.6cqw -1.8cqw rgba(11,11,16,.3);display:flex;flex-direction:column;gap:1cqw}
.b4-panel::before{content:"";position:absolute;left:2.2cqw;right:2.2cqw;top:0;height:.35cqw;border-radius:0 0 .4cqw .4cqw;background:linear-gradient(90deg,#25F4EE,#6A2BD9 35%,#C2237A 65%,#FE2C55)}
.b4-p-label{font:600 clamp(6px,1.6cqw,10px)/1 Inter,system-ui,sans-serif;color:#0B0B10}.b4-p-label.b4-sm{margin-top:.7cqw;color:#8A8A96;font-weight:500;letter-spacing:.04em}
.b4-p-add{display:block;text-align:center;padding:1.5cqw 0;border-radius:1.3cqw;color:#fff;font:600 clamp(6px,1.75cqw,11px)/1 Inter,system-ui,sans-serif;
  background:linear-gradient(#0B0B10,#0B0B10) padding-box,linear-gradient(100deg,#25F4EE,#6A2BD9 40%,#C2237A 70%,#FE2C55) border-box;border:.28cqw solid transparent;
  box-shadow:0 1.2cqw 2.4cqw -1cqw rgba(194,35,122,.5)}
.b4-sws{display:flex;gap:1.1cqw}
.b4-sw{width:2.5cqw;height:2.5cqw;border-radius:50%;background:var(--c);box-shadow:inset 0 0 0 .2cqw rgba(11,11,16,.14)}
.b4-sw.b4-cur{box-shadow:0 0 0 .35cqw #fff,0 0 0 .6cqw #C2237A}
.b4-p-font{display:flex;align-items:center;gap:1.2cqw;padding:1.1cqw 1.4cqw;border-radius:1.2cqw;background:#F3F2F6;font:500 clamp(6px,1.65cqw,10px)/1 Inter,system-ui,sans-serif;color:#0B0B10}
.b4-p-font b{font-weight:700;color:#6b6b77}
.b4-p-range{position:relative;height:.7cqw;border-radius:99px;background:#E6E6EA;margin-top:.6cqw}
.b4-p-range i{position:absolute;left:0;top:0;bottom:0;width:62%;border-radius:inherit;background:linear-gradient(90deg,#6A2BD9,#C2237A 60%,#F2603A)}
.b4-p-range u{position:absolute;left:62%;top:50%;width:2cqw;height:2cqw;margin:-1cqw 0 0 -1cqw;border-radius:50%;background:#fff;box-shadow:0 0 0 .28cqw #C2237A,0 .4cqw .9cqw rgba(11,11,16,.3)}

/* halos très discrets derrière la barre d'outils */
.b4-tabbar{isolation:isolate}
.b4-tabbar::before{content:"";position:absolute;z-index:-1;left:-3cqw;right:-3cqw;top:-1.6cqw;bottom:-2.6cqw;border-radius:5cqw;pointer-events:none;filter:blur(2.6cqw);opacity:.5;
  background:radial-gradient(38% 100% at 14% 55%,rgba(37,244,238,.34),transparent 72%),radial-gradient(40% 100% at 50% 70%,rgba(194,35,122,.30),transparent 72%),radial-gradient(38% 100% at 88% 55%,rgba(254,44,85,.30),transparent 72%)}
.b4-tabbar::after{content:"";position:absolute;z-index:-1;left:6%;right:6%;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(106,43,217,.35),rgba(194,35,122,.45),rgba(242,96,58,.35),transparent)}

/* ===== Vignettes des 3 étapes ===== */

.step-visual.sv-wrap{height:auto;padding:0;border:0;background:none;display:block;margin:1em 1em 0;border-radius:14px;overflow:hidden}
.sv{container-type:inline-size;position:relative;width:100%;aspect-ratio:1.16/1;border-radius:14px;overflow:hidden;font-family:Inter,system-ui,sans-serif;
  background:linear-gradient(180deg,#fff 0%,#F7F6FB 100%);box-shadow:inset 0 0 0 1px rgba(81,88,103,.11)}
.sv img{display:block;max-width:none}
.sv-glow{position:absolute;inset:auto -10% -50% -10%;height:90%;pointer-events:none;background:radial-gradient(60% 60% at 50% 40%,rgba(106,43,217,.12),rgba(194,35,122,.06) 45%,rgba(255,255,255,0) 72%)}
.sv .spin{width:3.4cqw;height:3.4cqw;border-radius:50%;border:.7cqw solid rgba(194,35,122,.22);border-top-color:#C2237A;animation:svsp 1.1s linear infinite;display:inline-block;flex:none}
@keyframes svsp{to{transform:rotate(360deg)}}

/* étape 1 */
.sv1 .seg{position:absolute;left:50%;top:8cqw;transform:translateX(-50%);display:flex;padding:1cqw;border-radius:99px;background:#fff;box-shadow:0 0 0 1px rgba(81,88,103,.12),0 2cqw 4cqw -2cqw rgba(11,11,16,.25)}
.sv1 .seg span{font:600 clamp(7px,3.3cqw,11px)/1 Inter,system-ui,sans-serif;padding:2cqw 4.6cqw;border-radius:99px;color:#8A8A96;white-space:nowrap}
.sv1 .seg .on{color:#fff;background:#0B0B10}
.sv1 .in{position:absolute;left:7cqw;right:7cqw;top:23cqw;height:17cqw;display:flex;align-items:center;gap:3cqw;padding:0 5cqw;border-radius:4.4cqw;color:#fff;isolation:isolate;
  background:linear-gradient(#0B0B10,#0B0B10) padding-box,linear-gradient(115deg,#25F4EE 0%,#6A2BD9 30%,#C2237A 62%,#F2603A 85%,#FE2C55 100%) border-box;border:.7cqw solid transparent;
  box-shadow:-3cqw 2cqw 7cqw -3.4cqw rgba(37,244,238,.55),3cqw 2cqw 7cqw -3.4cqw rgba(254,44,85,.55),0 4cqw 8cqw -4cqw rgba(106,43,217,.55)}
.sv1 .in::before{content:"";position:absolute;inset:0;border-radius:inherit;z-index:-1;background:radial-gradient(60% 120% at 0% 0%,rgba(37,244,238,.16),transparent 60%),radial-gradient(60% 120% at 100% 100%,rgba(254,44,85,.18),transparent 60%)}
.sv1 .in-ico{width:6cqw;height:6cqw;color:rgba(255,255,255,.62);flex:none}.sv1 .in-ico svg{width:100%;height:100%;display:block}
.sv1 .in-url{font:600 clamp(9px,6cqw,17px)/1 Inter,system-ui,sans-serif;letter-spacing:-.01em;white-space:nowrap}
.sv1 .in-caret{width:.7cqw;height:6.6cqw;border-radius:1px;background:#fff;opacity:.9;animation:svbl 1.1s steps(1) infinite;margin-left:-1cqw}
@keyframes svbl{50%{opacity:0}}
.sv1 .scan{position:absolute;left:7cqw;right:7cqw;top:47cqw;padding:4.4cqw 5cqw 5cqw;border-radius:4cqw;background:#fff;box-shadow:0 0 0 1px rgba(81,88,103,.12),0 4cqw 8cqw -4cqw rgba(11,11,16,.3)}
.sv1 .scan-top{display:flex;align-items:center;gap:2.6cqw}
.sv1 .scan-top b{font:600 clamp(7px,3.5cqw,11px)/1 Inter,system-ui,sans-serif;color:#0B0B10;letter-spacing:-.01em}
.sv1 .bar{height:1.5cqw;border-radius:99px;background:#ECEBF1;margin:4cqw 0 4.2cqw;overflow:hidden}
.sv1 .bar i{display:block;height:100%;width:64%;border-radius:inherit;background:linear-gradient(90deg,#25F4EE,#6A2BD9 40%,#C2237A 75%,#F2603A)}
.sv1 .det{display:flex;gap:2cqw;flex-wrap:nowrap}
.sv1 .det span{display:flex;align-items:center;gap:1.4cqw;font:600 clamp(6px,3cqw,10px)/1 Inter,system-ui,sans-serif;color:#4D4D56;padding:1.9cqw 2.8cqw 1.9cqw 2cqw;border-radius:99px;background:#F3F2F6;white-space:nowrap}
.sv1 .det svg{width:3.4cqw;height:3.4cqw;color:#C2237A;flex:none}

/* étape 2 */
.sv2 .gen{position:absolute;left:50%;top:6.2cqw;transform:translateX(-50%);display:flex;align-items:center;gap:2.2cqw;padding:2.2cqw 4cqw 2.2cqw 3cqw;border-radius:99px;background:#fff;white-space:nowrap;
  font:600 clamp(7px,3.3cqw,11px)/1 Inter,system-ui,sans-serif;letter-spacing:-.01em;color:#0B0B10;box-shadow:0 0 0 1px rgba(81,88,103,.12),0 2cqw 4cqw -2cqw rgba(11,11,16,.25)}
.sv2 .st-stack{position:absolute;left:8cqw;top:20cqw;width:27cqw}
.sv2 .sl-stack{position:absolute;right:8cqw;top:24cqw;width:30cqw}
.sv2 .card{position:relative;overflow:hidden;background:#0B0B10}
.sv2 .st-stack .card{aspect-ratio:9/16;border-radius:3.4cqw}.sv2 .sl-stack .card{aspect-ratio:3/4;border-radius:3.2cqw}
.sv2 .card img{width:100%;height:100%;object-fit:cover}
.sv2 .front{box-shadow:0 0 0 .6cqw #0B0B10,0 5cqw 9cqw -3cqw rgba(11,11,16,.55)}
.sv2 .back{position:absolute;left:0;top:0;width:100%;opacity:.95;box-shadow:0 0 0 .5cqw #0B0B10,0 3cqw 6cqw -3cqw rgba(11,11,16,.4)}
.sv2 .st-stack .back{transform:translate(4cqw,-3cqw) rotate(5deg);transform-origin:50% 100%}
.sv2 .sl-stack .back{transform:translate(-4cqw,-3cqw) rotate(-5deg);transform-origin:50% 100%}
.sv2 .badge{position:absolute;left:2.2cqw;top:2.2cqw;width:7.6cqw;height:7.6cqw;padding:1.2cqw;border-radius:2.2cqw;background:#fff;box-shadow:0 1cqw 2.4cqw -.8cqw rgba(11,11,16,.4)}
.sv2 .badge svg{width:100%;height:100%;display:block}
.sv2 .lbl{position:absolute;left:0;right:0;top:calc(100% + 2.6cqw);text-align:center;font:600 clamp(6px,3cqw,10px)/1 Inter,system-ui,sans-serif;letter-spacing:.07em;text-transform:uppercase;color:#6b6b77}
.sv2 .core{position:absolute;left:35cqw;right:38cqw;top:41cqw;height:12cqw;display:flex;align-items:center}
.sv2 .orb{flex:none;width:12cqw;height:12cqw;padding:3cqw;border-radius:50%;margin:0 auto;background:linear-gradient(130deg,#6A2BD9,#C2237A 55%,#F2603A);box-shadow:0 2.4cqw 5cqw -1.6cqw rgba(194,35,122,.75),inset 0 .5cqw 0 rgba(255,255,255,.35),0 0 0 1.4cqw rgba(194,35,122,.1)}
.sv2 .orb svg{width:100%;height:100%;display:block}
.sv2 .ln{display:none}

/* étape 3 */
.sv3 .edit{position:absolute;left:6cqw;top:10cqw;width:41cqw}
.sv3 .edit-frame{position:relative;aspect-ratio:3/4;border-radius:3.4cqw;overflow:hidden;background:#0B0B10;box-shadow:0 0 0 .6cqw #0B0B10,0 5cqw 9cqw -3cqw rgba(11,11,16,.55)}
.sv3 .edit-frame img{width:100%;height:100%;object-fit:cover}
.sv3 .sel{position:absolute;left:17%;top:30.5%;width:66%;height:13.5%;border-radius:.8cqw;box-shadow:0 0 0 .6cqw #C2237A,0 0 0 1.8cqw rgba(194,35,122,.16)}
.sv3 .hd{position:absolute;width:3cqw;height:3cqw;border-radius:50%;background:#fff;box-shadow:0 0 0 .5cqw #C2237A,0 .6cqw 1.4cqw rgba(11,11,16,.3)}
.sv3 .hd.tl{left:-1.5cqw;top:-1.5cqw}.sv3 .hd.tr{right:-1.5cqw;top:-1.5cqw}.sv3 .hd.bl{left:-1.5cqw;bottom:-1.5cqw}.sv3 .hd.br{right:-1.5cqw;bottom:-1.5cqw}
.sv3 .cur{position:absolute;right:11%;top:41%;width:8.4cqw;height:8.4cqw;filter:drop-shadow(0 1cqw 1.6cqw rgba(11,11,16,.45))}
.sv3 .pub{position:absolute;left:51cqw;right:5cqw;top:16cqw;display:flex;flex-direction:column;gap:3cqw;padding:4cqw;border-radius:4cqw;background:#fff;
  box-shadow:0 0 0 1px rgba(81,88,103,.12),0 4cqw 8cqw -3cqw rgba(11,11,16,.32)}
.sv3 .row{display:flex;align-items:center;gap:2.6cqw;min-width:0}
.sv3 .lg{width:8.4cqw;height:8.4cqw;padding:1.5cqw;border-radius:2.4cqw;background:#fff;box-shadow:0 0 0 1px rgba(81,88,103,.14);flex:none}
.sv3 .lg svg{width:100%;height:100%;display:block}
.sv3 .tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:1.2cqw}
.sv3 .tx b{font:600 clamp(7px,3.3cqw,11px)/1 Inter,system-ui,sans-serif;color:#0B0B10;white-space:nowrap}
.sv3 .tx span{font:500 clamp(5px,2.35cqw,8.5px)/1 Inter,system-ui,sans-serif;color:#8A8A96;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sv3 .ok{width:4cqw;height:4cqw;color:#1AB76A;flex:none}.sv3 .ok svg{width:100%;height:100%;display:block}
.sv3 .btn{display:block;text-align:center;margin-top:1cqw;padding:3.2cqw 0;border-radius:3cqw;color:#fff;font:600 clamp(7px,3.5cqw,11px)/1 Inter,system-ui,sans-serif;
  background:linear-gradient(#0B0B10,#0B0B10) padding-box,linear-gradient(100deg,#25F4EE,#6A2BD9 40%,#C2237A 70%,#FE2C55) border-box;border:.6cqw solid transparent;
  box-shadow:0 3cqw 6cqw -3cqw rgba(194,35,122,.55)}
@media (prefers-reduced-motion:reduce){.sv .spin,.sv1 .in-caret{animation:none}}

/* ===== Pied de page ===== */

.footer.ft{margin-top:5rem;padding:0;background:none}
.ft-in{position:relative;overflow:hidden;background:#0B0B10;color:#fff;font-family:Inter,system-ui,sans-serif;isolation:isolate;
  border-radius:28px 28px 0 0;padding:0;margin:0 max(0px,env(safe-area-inset-left,0px)) 0}
.ft-in::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;z-index:2;background:linear-gradient(90deg,transparent,#25F4EE 18%,#6A2BD9 38%,#C2237A 58%,#F2603A 78%,#FE2C55 90%,transparent)}
.ft-halo{position:absolute;inset:0;z-index:-1;pointer-events:none;background:
  radial-gradient(42% 70% at 8% 0%,rgba(106,43,217,.34),transparent 70%),
  radial-gradient(38% 70% at 62% -10%,rgba(194,35,122,.26),transparent 70%),
  radial-gradient(34% 70% at 96% 6%,rgba(242,96,58,.20),transparent 70%),
  radial-gradient(30% 60% at 0% 100%,rgba(37,244,238,.10),transparent 70%),
  radial-gradient(30% 60% at 100% 100%,rgba(254,44,85,.10),transparent 70%)}
.ft-wrap{position:relative;max-width:1180px;margin:0 auto;padding:4.2rem max(24px,env(safe-area-inset-right,0px)) 2rem max(24px,env(safe-area-inset-left,0px));box-sizing:border-box}
.ft-top{display:grid;grid-template-columns:minmax(180px,1.1fr) 4fr;gap:3.2rem;align-items:start}
.ft-brand{display:flex;flex-direction:column;gap:1.4rem}
.ft-word{display:inline-flex;align-items:baseline;align-self:flex-start;position:relative;font-size:2.35rem;font-weight:800;letter-spacing:-.045em;line-height:1;color:#fff;text-decoration:none;padding-bottom:.45rem}
.ft-word i{display:block;width:.34em;height:.34em;margin-left:.07em;border-radius:50%;background:linear-gradient(135deg,#25F4EE,#6A2BD9 40%,#C2237A 70%,#FE2C55);box-shadow:0 0 18px rgba(194,35,122,.8)}
.ft-soc{display:flex;gap:.6rem}
.ft-soc a{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;color:rgba(255,255,255,.78);background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);transition:color .25s,background .25s,box-shadow .25s,transform .25s}
.ft-soc a svg{width:19px;height:19px;display:block}
.ft-soc a:hover{color:#fff;background:rgba(255,255,255,.1);transform:translateY(-2px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.28),0 8px 22px -8px rgba(194,35,122,.8),-4px 4px 16px -8px rgba(37,244,238,.6),4px -2px 16px -8px rgba(254,44,85,.6)}
.ft-cols{display:grid;grid-template-columns:repeat(4,minmax(0,auto));justify-content:space-between;gap:2.4rem 2rem}
.ft-col h3{margin:0 0 1.15rem;font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.5)}
.ft-col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.75rem}
.ft-in a:not(.ft-soc a){text-decoration:none}
.ft-col a,.ft-bot a,.ft-word{background-image:linear-gradient(90deg,#25F4EE,#6A2BD9 30%,#C2237A 60%,#F2603A 82%,#FE2C55);background-repeat:no-repeat;background-size:0% 1.5px;background-position:0 100%;transition:background-size .35s cubic-bezier(.16,1,.3,1),color .2s}
.ft-col a{display:inline-block;padding-bottom:3px;font-size:.98rem;line-height:1.35;font-weight:500;color:rgba(255,255,255,.78);text-decoration:none}
.ft-col a:hover,.ft-bot a:hover,.ft-word:hover,.ft-col a:focus-visible,.ft-bot a:focus-visible,.ft-word:focus-visible{background-size:100% 1.5px;color:#fff}
.ft-bot{display:flex;flex-wrap:wrap;gap:.8rem 2rem;align-items:center;justify-content:space-between;margin-top:3.4rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1);font-size:.9rem;color:rgba(255,255,255,.55)}
.ft-bot nav{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem}
.ft-bot a{display:inline-block;padding-bottom:3px;color:rgba(255,255,255,.7);text-decoration:none}
@media (max-width:960px){.ft-top{grid-template-columns:1fr}.ft-cols{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:480px){.ft-cols{grid-template-columns:1fr 1fr;gap:2rem 1.2rem}.ft-wrap{padding-top:3.2rem}.ft-in{border-radius:22px 22px 0 0}}
@media (prefers-reduced-motion:reduce){.ft-col a,.ft-bot a,.ft-word,.ft-soc a{transition:none}}

/* ===== Bloc final ===== */

.cta-container-image-wrapper{left:0;right:0;bottom:0;top:auto;width:100%;max-width:none;margin:0;height:27rem;z-index:1}
.cw{container-type:inline-size;position:relative;width:100%;height:100%;overflow:hidden;pointer-events:none}
.cw-aura{position:absolute;inset:0;background:
  radial-gradient(34% 70% at 14% 100%,rgba(37,244,238,.17),transparent 70%),
  radial-gradient(40% 80% at 50% 108%,rgba(194,35,122,.22),transparent 70%),
  radial-gradient(34% 70% at 86% 100%,rgba(254,44,85,.17),transparent 70%),
  radial-gradient(50% 60% at 50% 10%,rgba(106,43,217,.10),transparent 70%)}
.cw-dots{position:absolute;inset:0;background:radial-gradient(rgba(11,11,16,.09) .08cqw,transparent .12cqw) 0 0/2.4cqw 2.4cqw;-webkit-mask-image:linear-gradient(180deg,transparent,#000 45%);mask-image:linear-gradient(180deg,transparent,#000 45%)}
.cw-c{position:absolute;bottom:calc(-3.5cqw - var(--dy)*1cqw);left:calc(var(--x)*1cqw - var(--w)*.5cqw);width:calc(var(--w)*1cqw);transform:rotate(var(--r));transform-origin:50% 120%;
  border-radius:1.5cqw;overflow:hidden;background:#0B0B10;
  box-shadow:0 0 0 .22cqw rgba(255,255,255,.95),0 0 0 .32cqw rgba(81,88,103,.14),0 2.6cqw 5cqw -1.8cqw rgba(11,11,16,.5)}
.cw-c.f916{aspect-ratio:9/16}.cw-c.f34{aspect-ratio:3/4}
.cw-c img{display:block;width:100%;height:100%;object-fit:cover;max-width:none}
.cw-ka,.cw-kg{opacity:.8}.cw-kb,.cw-kf{opacity:.92}
.cw-kd{z-index:3}.cw-kc,.cw-ke{z-index:2}.cw-bd{position:absolute;left:.9cqw;top:.9cqw;width:2.6cqw;height:2.6cqw;padding:.45cqw;border-radius:.8cqw;background:#fff;box-shadow:0 .4cqw 1cqw rgba(11,11,16,.35)}
.cw-ka .cw-bd,.cw-ke .cw-bd{left:auto;right:.9cqw}
.cw-bd svg{display:block;width:100%;height:100%}
.cw-chip{position:absolute;display:flex;align-items:center;gap:.8cqw;padding:1cqw 1.8cqw 1cqw 1.2cqw;border-radius:99px;background:rgba(255,255,255,.92);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  font:600 clamp(9px,1.35cqw,14px)/1 Inter,system-ui,sans-serif;color:#0B0B10;white-space:nowrap;box-shadow:0 0 0 1px rgba(81,88,103,.12),0 1.2cqw 2.6cqw -1cqw rgba(11,11,16,.28);z-index:4}
.cw-chip i{width:1.8cqw;height:1.8cqw;min-width:13px;min-height:13px;color:#C2237A;display:block}.cw-chip i svg{width:100%;height:100%;display:block}
.cw-chip-l{left:6cqw;top:3.2cqw}.cw-chip-r{right:6cqw;top:5.2cqw}
.cta-gradient.white{height:130px}
.cta-container.new{padding-bottom:25rem}
.container.cta-container{min-height:55rem}
.cw-chip-l{top:2.2cqw}.cw-chip-r{top:4.4cqw}
.cta-bg-panel{background:linear-gradient(180deg,#fff 0%,#FBFAFE 100%)}
@media (max-width:760px){
  .cta-container-image-wrapper{height:20rem}
  .cw-ka,.cw-kb,.cw-kf,.cw-kg,.cw-chip-r{display:none}
  .cw-c{bottom:calc(-1cqw - var(--dy)*1cqw)}
  .cw-c.cw-kc{--w:31!important;--x:25!important}
  .cw-c.cw-ke{--w:31!important;--x:75!important}
  .cw-c.cw-kd{--w:40!important;--x:50!important}
  .cw-chip-l{left:4cqw}
}

/* ===== Preuves sociales ===== */

.social-proof-section.section{padding-top:3.2rem;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));box-sizing:border-box}
.container.tr{gap:1.7rem;max-width:980px;align-items:center}
.tr-top{display:flex;align-items:center;gap:1.1rem;justify-content:center;flex-wrap:wrap}
.tr-faces{display:flex}
.tr-faces img{width:44px;height:44px;border-radius:50%;object-fit:cover;border:3px solid #fff;box-shadow:0 0 0 1px rgba(81,88,103,.14);margin-left:-12px;background:#eee}
.tr-faces img:first-child{margin-left:0}
.tr-who{display:flex;flex-direction:column;align-items:flex-start;gap:.4rem;text-align:left}
.tr-stars{display:flex;gap:.2rem}
.tr-stars svg{width:18px;height:18px;display:block;filter:drop-shadow(0 3px 5px rgba(194,35,122,.26))}
.tr-who p{margin:0;font-size:1.3em;line-height:1.25;color:#4D4D56}
.tr-who p b{color:#0B0B10;font-weight:700}
.tr-stats{display:grid;grid-template-columns:repeat(4,1fr);width:100%;border-radius:18px;background:#fff;box-shadow:0 0 0 1px rgba(81,88,103,.12),0 18px 36px -26px rgba(11,11,16,.35)}
.tr-stat{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;padding:1.45rem .8rem 1.3rem;text-align:center;position:relative}
.tr-stat+.tr-stat::before{content:"";position:absolute;left:0;top:22%;bottom:22%;width:1px;background:#ECEBF1}
.tr-stat b{font-size:2.5em;line-height:1;font-weight:800;letter-spacing:-.035em;background:linear-gradient(120deg,#6A2BD9,#C2237A 55%,#F2603A);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.tr-stat span{font-size:1.2em;line-height:1.25;font-weight:500;color:#4D4D56}
.tr-stat .tr-src{font-size:.95em;font-weight:600;color:#8A8A96;margin-top:.1rem}
.tr-chips{display:flex;flex-wrap:wrap;gap:.65rem;justify-content:center}
.tr-chip{display:inline-flex;align-items:center;gap:.55rem;padding:.55rem 1rem .55rem .7rem;border-radius:99px;background:#fff;box-shadow:0 0 0 1px rgba(81,88,103,.14);font-size:1.15em;line-height:1;font-weight:600;color:#26262e;white-space:nowrap}
.tr-chip i{display:block;width:20px;height:20px;flex:none}.tr-chip i svg{width:100%;height:100%;display:block}
.tr-chip i.ic{color:#C2237A}
@media (max-width:767px){
  .tr-stats{grid-template-columns:1fr 1fr}
  .tr-stat:nth-child(3)::before{display:none}
  .tr-stat:nth-child(n+3){border-top:1px solid #ECEBF1}
  .tr-chip{white-space:normal}
}

/* ===== Avis clients ===== */

.rv-card.card.testimonial-card{height:auto;min-height:300px;gap:0;padding:1.9em 1.8em 1.7em;justify-content:flex-start;align-items:stretch;border-radius:18px;background:#fff;
  box-shadow:0 0 0 1px rgba(81,88,103,.04),0 1px 2px rgba(11,11,16,.04),0 14px 30px -22px rgba(11,11,16,.28);transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s cubic-bezier(.16,1,.3,1)}
.rv-card.card.testimonial-card:hover{transform:translateY(-3px);box-shadow:0 0 0 1px rgba(194,35,122,.18),0 20px 36px -22px rgba(194,35,122,.4)}
.rv-stars{display:flex;gap:.28em;align-items:center}
.rv-stars svg:not([width]){width:20px;height:20px;display:block;filter:drop-shadow(0 3px 5px rgba(194,35,122,.28))}
.rv-quote{text-align:left;margin:1.15em 0 0;flex:1;font-size:1.28em;line-height:1.55;font-weight:500;letter-spacing:-.012em;color:#1d1d24;text-wrap:pretty}
.rv-author{display:flex;align-items:center;gap:.9em;margin-top:1.6em;padding-top:1.3em;border-top:1px solid #EEEDF2}
.rv-ring{flex:none;width:50px;height:50px;padding:2px;border-radius:50%;background:linear-gradient(135deg,#25F4EE,#6A2BD9 35%,#C2237A 70%,#F2603A);display:block}
.rv-ring img{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover;border:2px solid #fff;box-sizing:border-box;background:#eee}
.rv-id{display:flex;flex-direction:column;align-items:flex-start;gap:.35em;min-width:0}
.rv-id b{font-size:1.28em;line-height:1.1;font-weight:700;letter-spacing:-.015em;color:#0B0B10}
.rv-role{font-size:1.05em;line-height:1;font-weight:600;color:#6b6b77;padding:.42em .85em;border-radius:99px;background:#F3F2F6;white-space:nowrap}


/* Hero : la vidéo de démonstration remplace le cadre aux 4 mockups (16:9, coins arrondis, ombre de la landing) */
.hero-video.horizontal.hero-video-real{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;background:#fff;border-radius:22px;
  box-shadow:0 0 0 1px rgba(81,88,103,.12),0 34px 70px -34px rgba(106,43,217,.38),0 12px 30px -18px rgba(15,23,42,.18)}
.hero-video-el{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;background:#fff;border-radius:inherit}
.hero-play{position:absolute;left:50%;top:50%;width:76px;height:76px;margin:-38px 0 0 -38px;border:0;border-radius:50%;cursor:pointer;color:#fff;
  background:linear-gradient(135deg,#6A2BD9,#C2237A 55%,#F2603A);box-shadow:-3px 0 14px -4px rgba(37,244,238,.6),3px 0 14px -4px rgba(254,44,85,.55),0 18px 34px -12px rgba(194,35,122,.6);
  display:grid;place-items:center;transition:transform .18s}
.hero-play:hover{transform:scale(1.06)}.hero-play:focus-visible{outline:3px solid #0B0B10;outline-offset:3px}
.hero-play svg{width:30px;height:30px;margin-left:3px}
.hero-play[hidden]{display:none}
@media (max-width:640px){.hero-video.horizontal.hero-video-real{border-radius:16px}.hero-play{width:60px;height:60px;margin:-30px 0 0 -30px}.hero-play svg{width:24px;height:24px}}


/* ================= Mise en ligne : animations discretes, ancres, accessibilite ================= */
:root{--lp-ease:cubic-bezier(.22,1,.36,1)}
html{scroll-padding-top:90px}
[id]{scroll-margin-top:96px}
body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
.primary-button:focus-visible{outline-offset:4px}
a,button,[role=button]{-webkit-tap-highlight-color:transparent}

/* En-tete : un filet d'ombre apparait des qu'on quitte le haut de la page */
.navbar-and-menu{transition:box-shadow .4s var(--lp-ease)}
.navbar-and-menu.is-scrolled{box-shadow:0 1px 0 rgba(11,11,16,.04),0 14px 34px -22px rgba(11,11,16,.28)}
.nav-logo{transition:opacity .25s ease,transform .35s var(--lp-ease)}
.nav-logo:hover{opacity:.86}

/* Entree du hero : titre, texte, bouton, video arrivent en cascade */
@keyframes lp-up{from{opacity:0;transform:translate3d(0,18px,0)}to{opacity:1;transform:none}}
@keyframes lp-rise{from{opacity:0;transform:translate3d(0,28px,0) scale(.985)}to{opacity:1;transform:none}}
.hero-section h1{animation:lp-up .9s var(--lp-ease) .05s both}
.hero-section p.text{animation:lp-up .9s var(--lp-ease) .18s both}
.hero-section .primary-button{animation:lp-up .9s var(--lp-ease) .3s both}
.hero-section .hero-videos-block{animation:lp-rise 1.1s var(--lp-ease) .42s both}

/* Apparition au defilement (la classe .sr n'est posee que par le JavaScript, apres le premier affichage) */
.sr{opacity:0;transform:translate3d(0,22px,0);transition:opacity .9s var(--lp-ease),transform .9s var(--lp-ease);transition-delay:var(--sr-d,0s)}
.sr.sr-in{opacity:1;transform:none}

/* Boutons : legere elevation au survol, enfoncement au clic */
.primary-button,.secondary-button{transition:transform .3s var(--lp-ease),box-shadow .3s ease,filter .3s ease,background-color .25s ease,border-color .25s ease}
.primary-button:hover{transform:translateY(-2px);filter:brightness(1.06);box-shadow:0 16px 38px -10px rgba(194,35,122,.55),0 3px 8px rgba(11,11,16,.28),inset 0 1px 0 rgba(255,255,255,.14)}
.primary-button:active{transform:translateY(0) scale(.985);transition-duration:.12s}
.secondary-button:hover{transform:translateY(-1px)}
.secondary-button:active{transform:scale(.985)}

/* Cartes : un halo tres leger au survol */
.feature-card.grey-border{transition:box-shadow .45s var(--lp-ease),border-color .45s ease,transform .45s var(--lp-ease)}
@media (hover:hover){
  .feature-card.grey-border:hover{box-shadow:0 26px 54px -34px rgba(106,43,217,.34),0 8px 20px -16px rgba(15,23,42,.14);border-color:rgba(194,35,122,.22)}
  .accordion-header{transition:box-shadow .3s ease,background-color .3s ease}
  .accordion-header:hover{box-shadow:0 0 0 1.5px rgba(194,35,122,.28)}
  .nav-link-2:hover{color:#0B0B10}
}
.accordion-header .icon-arrow{transition:transform .35s var(--lp-ease)}
.mm-link{transition:color .2s ease}

/* Menu mobile : il glisse au lieu de surgir */
@keyframes lp-menu{from{opacity:0;transform:translate3d(0,-8px,0)}to{opacity:1;transform:none}}
.container.menu.shadows.show{animation:lp-menu .28s var(--lp-ease) both}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .hero-section h1,.hero-section p.text,.hero-section .primary-button,.hero-section .hero-videos-block{animation:none}
  .sr,.sr.sr-in{opacity:1;transform:none;transition:none}
  .container.menu.shadows.show{animation:none}
  .primary-button:hover,.secondary-button:hover{transform:none}
}
@media print{.sr{opacity:1!important;transform:none!important}}
/* ADAPTATION TELEPHONE (25/10/2026) : le bouton menu et le logo se touchent sur 44 px */
@media (max-width: 991px) { .burger-icon { min-width: 44px; min-height: 44px; box-sizing: border-box; } .nav-logo { min-height: 44px; object-fit: contain; } }
/* ADAPTATION TRES PETITS TELEPHONES (25/10/2026) : logo, bouton « Essayer gratuitement » et menu tiennent sur une ligne */
@media (max-width: 400px) { .nav-buttons.new .primary-button.nav { white-space: nowrap; font-size: 12px; padding-left: 10px; padding-right: 10px; } .nav-logo { width: 96px; } }
@media (max-width: 345px) { .nav-buttons.new .primary-button.nav { font-size: 0; } .nav-buttons.new .primary-button.nav::after { content: "Essayer"; font-size: 12px; } }