.landing{background:var(--ui-background);min-height:100dvh;color:var(--ui-ink)}.landing-main{width:100%;max-width:1200px;padding:0 var(--ui-space-8);margin:0 auto}.landing :is(h1,h2,h3){color:var(--ui-ink);margin:0}.landing p{margin:0}.landing ol,.landing ul{margin:0;padding:0;list-style:none}.landing-actions{gap:var(--ui-space-3);flex-wrap:wrap;display:flex}.landing .app-header-account{gap:var(--ui-space-2)}.landing .app-header-account .client-button{white-space:nowrap}@media (max-width:1200px){.landing .app-header{gap:var(--ui-space-4)}.landing .app-nav{gap:0}.landing .app-nav a{padding:0 var(--ui-space-2)}}@media (min-width:761px) and (max-width:1100px){.landing .app-nav a:is([href$=\#personnalisation],[href$=\#contact]){display:none}}@media (min-width:761px) and (max-width:980px){.landing .app-nav a[href*=\#]{display:none}}.landing-hero{align-items:center;gap:var(--ui-space-8);padding:calc(var(--ui-space-8) + var(--ui-space-6)) 0 calc(var(--ui-space-8) + var(--ui-space-4));grid-template-columns:minmax(0,1fr) minmax(0,.95fr);display:grid}.landing-hero-copy{gap:var(--ui-space-6);display:grid}.landing-hero h1{font-size:clamp(2.125rem,1.25rem + 3.4vw,4rem);font-stretch:var(--ui-condensed);letter-spacing:-.01em;text-transform:uppercase;text-wrap:balance;font-weight:700;line-height:.95}.landing-hero-stitch{padding-bottom:.12em;display:inline-block;position:relative}.landing-hero-stitch:after{content:"";border-bottom:3px dashed var(--ui-signal);transform-origin:0;animation:landing-stitch var(--ui-duration-slide) var(--ui-ease) both;position:absolute;bottom:0;left:0;right:0}@keyframes landing-stitch{0%{transform:scaleX(0)}}.landing-hero-audience{margin-bottom:calc(-1 * var(--ui-space-3));color:var(--ui-muted);letter-spacing:.06em;text-transform:uppercase;justify-self:start;font-size:.875rem;font-weight:650}.landing-hero-lead{max-width:54ch;color:var(--ui-muted);text-wrap:pretty;font-size:1rem;line-height:1.55}.landing-hero-login{color:var(--ui-muted);justify-self:start;font-size:.875rem}.landing-hero-login a{color:var(--ui-accent);font-weight:600}.landing-discounts{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center}.landing-hero-visual{gap:var(--ui-space-2);margin:0;display:grid}.landing-intro{position:relative}.landing-intro-video{aspect-ratio:10/7;object-fit:cover;width:100%;height:auto;display:block}.landing-intro-toggle{right:var(--ui-space-3);bottom:var(--ui-space-3);border:1px solid color-mix(in srgb, var(--ui-paper) 28%, transparent);background:color-mix(in srgb, var(--ui-ink) 72%, transparent);width:36px;height:36px;min-height:36px;box-shadow:none;color:var(--ui-paper);opacity:0;pointer-events:none;place-items:center;padding:0;display:grid;position:absolute}.landing-intro-toggle:focus{opacity:1;pointer-events:auto}.landing-intro-toggle svg{fill:currentColor;width:16px;height:16px}.landing-photos{border:1px solid var(--ui-line);border-radius:var(--ui-panel-radius);background:var(--ui-line);grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;display:grid;overflow:hidden}.landing-photo{background:var(--ui-paper);margin:0;display:grid}.landing-photo span{padding:var(--ui-space-2) var(--ui-space-3);border-top:1px solid var(--ui-line);font-size:.8125rem;font-weight:600}.landing-photos img,.landing-techniques img{aspect-ratio:5/7;object-fit:contain;background:var(--ui-paper);width:100%;height:auto;display:block}.landing-section{gap:var(--ui-space-6);padding:calc(var(--ui-space-8) + var(--ui-space-4)) 0;border-top:1px solid var(--ui-line);scroll-margin-top:var(--app-header-height);display:grid}.landing-section h2{font-size:1.75rem;font-stretch:var(--ui-condensed);text-transform:uppercase;justify-self:start;font-weight:700;line-height:1.05}.landing-section-head{gap:var(--ui-space-2);display:grid}.landing-section-head p{max-width:60ch;color:var(--ui-muted);text-wrap:pretty;font-size:1rem;line-height:1.5}.landing-section h3{font-size:1.0625rem;font-weight:600;line-height:1.3}.landing-steps,.landing-families,.landing-commitments,.landing-brands{border:1px solid var(--ui-line);border-radius:var(--ui-panel-radius);background:var(--ui-line);grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;display:grid;overflow:hidden}.landing-steps li,.landing-commitments li{align-content:start;gap:var(--ui-space-2);padding:var(--ui-space-6);background:var(--ui-paper);display:grid}.landing-steps p,.landing-commitments p,.landing-techniques p{color:var(--ui-muted);font-size:.9375rem;line-height:1.5}.landing-step-number{color:var(--ui-accent);font-size:2rem;font-stretch:var(--ui-condensed);font-variant-numeric:tabular-nums;font-weight:700;line-height:1}.landing-techniques{border:1px solid var(--ui-line);border-radius:var(--ui-panel-radius);background:var(--ui-line);grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;display:grid;overflow:hidden}.landing-techniques article{align-items:center;gap:var(--ui-space-6);padding:var(--ui-space-4) var(--ui-space-6) var(--ui-space-4) var(--ui-space-4);background:var(--ui-paper);border:0;border-radius:0;grid-template-columns:minmax(0,200px) minmax(0,1fr);margin:0;display:grid}.landing-techniques article>div{gap:var(--ui-space-2);display:grid}.landing-families a{align-items:center;gap:var(--ui-space-3);height:100%;min-height:64px;padding:var(--ui-space-3) var(--ui-space-4);background:var(--ui-paper);color:var(--ui-ink);transition:background-color var(--ui-duration) var(--ui-ease);font-size:.9375rem;font-weight:600;text-decoration:none;display:flex}.landing-families a:hover{background:var(--ui-surface)}.landing-families a:focus-visible{outline-offset:-3px}.landing-families .category-icon{color:var(--ui-muted);flex:none}.landing-commitments{grid-template-columns:repeat(3,minmax(0,1fr))}.landing-commitments li{background:var(--ui-background)}.landing-stock{border:1px solid var(--ui-line);border-radius:var(--ui-panel-radius);background:var(--ui-line);grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:1px;display:grid;overflow:hidden}.landing-stock-screen{background:var(--ui-paper);align-content:start;display:grid;container-type:inline-size}.landing-stock-bar{justify-content:space-between;align-items:center;gap:var(--ui-space-3);padding:var(--ui-space-4);display:flex}.landing-stock-bar p{gap:2px;display:grid}.landing-stock-bar strong{font-size:1.25rem;font-weight:650;line-height:1.2}.landing-stock-bar p span,.landing-stock-id span{color:var(--ui-muted);font-size:.8125rem}.landing-stock-sample,.landing-stock-id .landing-stock-source{padding:0 var(--ui-space-1);border:1px dashed var(--ui-line-strong);color:var(--ui-muted);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;border-radius:2px;font-size:.6875rem;font-weight:600}.landing-stock-figures{border-top:1px solid var(--ui-line);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.landing-stock-figures p{padding:var(--ui-space-3) var(--ui-space-4);align-content:space-between;gap:2px;display:grid}.landing-stock-figures p+p{border-left:1px solid var(--ui-line)}.landing-stock-figures span{color:var(--ui-muted);font-size:.75rem;font-weight:600}.landing-stock-figures strong{font-variant-numeric:tabular-nums;font-size:1.375rem;font-weight:650;line-height:1.2}.landing-stock-figures [data-tone=action] strong{color:var(--ui-warning)}.landing-stock-views{gap:var(--ui-space-1);padding:0 var(--ui-space-2);border-top:1px solid var(--ui-line);border-bottom:1px solid var(--ui-line);display:flex;overflow:hidden}.landing-stock-views>span{align-items:center;gap:var(--ui-space-2);min-height:40px;padding:0 var(--ui-space-2);color:var(--ui-muted);white-space:nowrap;flex:none;font-size:.8125rem;font-weight:600;display:inline-flex}.landing-stock-views>[data-current]{color:var(--ui-ink);box-shadow:inset 0 calc(-1 * var(--ui-mark)) 0 var(--ui-signal)}.landing-stock-item{align-items:center;gap:var(--ui-space-2) var(--ui-space-3);padding:var(--ui-space-3) var(--ui-space-4);grid-template-columns:48px minmax(0,1fr) 216px 5.5rem;display:grid}.landing-stock-item+.landing-stock-item{border-top:1px solid var(--ui-line)}.landing-stock-thumb{border:1px solid var(--ui-line);border-radius:var(--ui-radius);width:48px;height:48px;color:var(--ui-muted);place-items:center;display:grid}.landing-stock-thumb .category-icon{width:26px;height:26px}.landing-stock-thumb .category-icon .is-accent{color:var(--ui-signal)}.landing-stock-id{justify-items:start;gap:2px;min-width:0;display:grid}.landing-stock-id strong{font-size:.9375rem;font-weight:600}.landing-stock-id .landing-stock-source{margin-top:2px}.landing-stock-sizes{gap:var(--ui-space-1);flex-wrap:wrap;display:flex}.landing-stock-sizes>span{border:1px solid var(--ui-line);border-radius:var(--ui-radius);font-variant-numeric:tabular-nums;justify-items:center;min-width:40px;padding:2px 6px;display:grid}.landing-stock-sizes span span{color:var(--ui-muted);font-size:.6875rem;font-weight:600}.landing-stock-sizes strong{font-size:.9375rem;font-weight:650}.landing-stock-sizes [data-zero]{background:var(--ui-background)}.landing-stock-sizes [data-zero] strong{color:var(--ui-muted);font-weight:500}.landing-stock-total{font-variant-numeric:tabular-nums;gap:2px;font-size:.9375rem;display:grid}.landing-stock-total strong{font-weight:600}.landing-stock-total span{color:var(--ui-accent);font-size:.8125rem;font-weight:600}@container (max-width:560px){.landing-stock-item{grid-template-columns:48px minmax(0,1fr) auto}.landing-stock-sizes{grid-area:2/1/auto/-1}.landing-stock-total{text-align:right;justify-items:end}.landing-stock-views{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 48px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 48px),#0000)}}@container (max-width:420px){.landing-stock-figures{grid-template-columns:repeat(2,minmax(0,1fr))}.landing-stock-figures p:nth-child(3){border-left:0}.landing-stock-figures p:nth-child(n+3){border-top:1px solid var(--ui-line)}}.landing-stock-points{grid-auto-rows:1fr;gap:1px;display:grid}.landing-stock-points li{align-content:center;gap:var(--ui-space-2);padding:var(--ui-space-4) var(--ui-space-6);background:var(--ui-background);display:grid}.landing-stock-points p{color:var(--ui-muted);font-size:.9375rem;line-height:1.5}.landing-brands{grid-template-columns:repeat(2,minmax(0,1fr))}.landing-brands li{align-items:center;gap:var(--ui-space-3) var(--ui-space-4);padding:var(--ui-space-6);background:var(--ui-paper);grid-template-rows:auto auto 1fr auto;grid-template-columns:minmax(0,1fr) auto;display:grid}.landing .landing-brand-name{align-items:center;min-height:48px;line-height:0;display:flex}.landing-brand-name img{width:auto;height:40px;display:block}.landing-brand-name[data-brand=U-Power] img{height:48px}.landing-brands p{grid-column:1/-1;font-size:1rem;line-height:1.5}.landing-brands .landing-brand-marking{padding-top:var(--ui-space-3);border-top:1px solid var(--ui-line);color:var(--ui-muted);align-self:end;font-size:.9375rem}.landing-audiences{border:1px solid var(--ui-line);border-radius:var(--ui-panel-radius);background:var(--ui-line);grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;display:grid;overflow:hidden}.landing-audiences>li{background:var(--ui-paper);scroll-margin-top:var(--app-header-height);display:grid}.landing-audience-body{gap:var(--ui-space-3);padding:var(--ui-space-6);flex-direction:column;display:flex}.landing-audience-body .landing-audience-payment{margin-top:auto}.landing-audience-body .landing-more{align-self:flex-start}.landing-audience-need{text-wrap:pretty;font-size:1rem;line-height:1.5}.landing-audience-points{align-content:start;gap:var(--ui-space-2);display:grid}.landing-audience-points li{padding-left:var(--ui-space-4);color:var(--ui-muted);font-size:.9375rem;line-height:1.5;position:relative}.landing-audience-points li:before{content:"";background:var(--ui-line-strong);width:6px;height:6px;position:absolute;top:.62em;left:0}.landing-audience-payment{margin-top:var(--ui-space-2);padding-top:var(--ui-space-3);border-top:1px solid var(--ui-line);align-content:start;gap:2px;font-size:.9375rem;font-weight:500;line-height:1.45;display:grid}.landing-audience-payment span{color:var(--ui-muted);letter-spacing:.04em;text-transform:uppercase;font-size:.75rem;font-weight:600}.landing-clients{align-items:center;gap:var(--ui-space-6) var(--ui-space-8);padding:var(--ui-space-8) 0;grid-template-columns:auto minmax(0,1fr)}.landing-section.landing-clients h2{max-width:10em;font-size:1.25rem}.landing-clients-strip{min-width:0;position:relative}.landing-clients-marquee{-webkit-mask-image:linear-gradient(to right, transparent, #000 var(--ui-space-8), #000 calc(100% - var(--ui-space-8)), transparent);mask-image:linear-gradient(to right, transparent, #000 var(--ui-space-8), #000 calc(100% - var(--ui-space-8)), transparent);overflow:hidden;container-type:inline-size}.landing-clients-track{width:max-content;animation:30s linear infinite landing-clients-scroll;display:flex}.landing-clients-strip:is(:hover,:focus-within,[data-stopped]) .landing-clients-track{animation-play-state:paused}@keyframes landing-clients-scroll{to{transform:translate(-50%)}}.landing-clients-track ul{justify-content:space-around;align-items:center;gap:var(--ui-space-8);min-width:100cqw;padding-right:var(--ui-space-8);flex:none;display:flex}.landing-clients-track li{flex:none;place-items:center;display:grid}.landing-clients img{width:var(--logo-width);height:auto;display:block}.landing-clients-toggle{right:var(--ui-space-2);opacity:0;pointer-events:none;min-height:32px;padding:4px 10px;font-size:.8125rem;position:absolute;bottom:0}.landing-clients-toggle:focus{opacity:1;pointer-events:auto}.landing-payment{border:1px solid var(--ui-line);border-radius:var(--ui-panel-radius);background:var(--ui-paper);overflow:hidden}.landing-payment table{border-collapse:collapse;width:100%;font-size:.9375rem;line-height:1.45}.landing-payment :is(th,td){padding:var(--ui-space-4) var(--ui-space-6);text-align:left;vertical-align:top}.landing-payment thead :is(th,td){background:var(--ui-background);font-size:.875rem;font-weight:600}.landing-payment tbody tr{border-top:1px solid var(--ui-line)}.landing-payment tbody th{width:160px;color:var(--ui-muted);letter-spacing:.04em;text-transform:uppercase;font-size:.8125rem;font-weight:600}.landing-payment :is(th,td)+:is(th,td){border-left:1px solid var(--ui-line)}.landing-more{color:var(--ui-accent);justify-self:start;font-size:.9375rem;font-weight:600}.landing-more:after{content:" →"}.landing-brands .landing-more{grid-column:1/-1}.landing-contact{grid-template-columns:minmax(0,1fr) auto;align-items:center}.landing-contact>div:first-child{gap:var(--ui-space-2);display:grid}.landing-contact p{max-width:60ch;color:var(--ui-muted);line-height:1.5}.landing-footer{align-items:center;gap:var(--ui-space-3) var(--ui-space-6);width:min(calc(1200px - 2 * var(--ui-space-8)), calc(100% - 2 * var(--ui-space-8)));padding:var(--ui-space-6) 0 var(--ui-space-8);border-top:1px solid var(--ui-line);color:var(--ui-muted);grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand utility""topics topics";margin:0 auto;font-size:.8125rem;display:grid}.landing-footer p{align-items:center;gap:var(--ui-space-3);grid-area:brand;display:flex}.landing-footer-symbol{flex:none;width:auto;height:20px}.landing-footer nav{gap:var(--ui-space-2) var(--ui-space-4);flex-wrap:wrap;display:flex}.landing-footer-utility{grid-area:utility}.landing-footer-topics{padding-top:var(--ui-space-3);border-top:1px solid var(--ui-line);grid-area:topics}.landing-footer a{color:var(--ui-ink)}.landing-footer a[aria-current=page]{color:var(--ui-muted);text-decoration:none}.public-sheet{border:1px solid var(--ui-line);border-radius:var(--ui-panel-radius);background:var(--ui-line);gap:1px;display:grid;overflow:hidden}.public-sheet>*{align-items:start;gap:var(--ui-space-6);padding:var(--ui-space-6);background:var(--ui-paper);grid-template-columns:minmax(0,220px) minmax(0,1fr);margin:0;display:grid}.public-faq>div{grid-template-columns:minmax(0,1fr) minmax(0,2fr)}.landing .public-faq h3{font-size:.9375rem}.public-faq p{max-width:76ch;color:var(--ui-muted);font-size:.9375rem;line-height:1.6}@media (max-width:1000px){.landing-hero{gap:var(--ui-space-6);padding-top:var(--ui-space-8);grid-template-columns:minmax(0,1fr)}.landing-hero-copy{display:contents}.landing-hero-visual{order:1;max-width:640px}.landing-hero-login{order:2}.landing-steps,.landing-families{grid-template-columns:repeat(2,minmax(0,1fr))}.landing-techniques,.landing-discounts,.landing-stock,.landing-audiences,.landing-clients{grid-template-columns:minmax(0,1fr)}.landing-section.landing-clients h2{max-width:none}.landing-stock-points{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.landing-main{padding:0 var(--ui-space-4)}.landing-section{padding:var(--ui-space-8) 0}.landing-section h2{font-size:1.5rem}.landing-actions .client-button{min-height:44px}.landing-intro-toggle{width:44px;height:44px;min-height:44px}.landing-contact,.landing-commitments,.landing-brands{grid-template-columns:minmax(0,1fr)}.landing-brand-name img{height:32px}.landing-brand-name[data-brand=U-Power] img{height:38px}.landing .landing-brand-name{min-height:38px}.landing-footer{width:calc(100% - 2 * var(--ui-space-4));grid-template-columns:minmax(0,1fr);grid-template-areas:"brand""topics""utility"}.landing-footer-utility{padding-top:var(--ui-space-3);border-top:1px solid var(--ui-line)}.public-sheet>*{gap:var(--ui-space-3);padding:var(--ui-space-4);grid-template-columns:minmax(0,1fr)}.public-faq>div{gap:var(--ui-space-2);grid-template-columns:minmax(0,1fr)}.landing-audience-body{padding:var(--ui-space-4)}.landing-clients-track ul{gap:var(--ui-space-6);padding-right:var(--ui-space-6)}.landing-clients img{width:calc(var(--logo-width) * .72)}.landing-payment thead{display:none}.landing-payment :is(tbody,tr,th,td){display:block}.landing-payment tbody th{width:auto;padding:var(--ui-space-3) var(--ui-space-4) 0}.landing-payment tbody td{padding:var(--ui-space-2) var(--ui-space-4);gap:2px;display:grid}.landing-payment tbody td:last-child{padding-bottom:var(--ui-space-3)}.landing-payment :is(th,td)+:is(th,td){border-left:0}.landing-payment td:before{content:attr(data-label);color:var(--ui-muted);font-size:.8125rem;font-weight:600}}@media (max-width:560px){.landing-steps,.landing-stock-points{grid-template-columns:minmax(0,1fr)}.landing-stock-points li,.landing-steps li,.landing-commitments li,.landing-brands li{padding:var(--ui-space-4)}.landing-brands li{grid-template-rows:none;grid-template-columns:minmax(0,1fr);justify-items:start}.landing-techniques article{gap:var(--ui-space-4);padding:var(--ui-space-3) var(--ui-space-4) var(--ui-space-3) var(--ui-space-3);grid-template-columns:minmax(0,120px) minmax(0,1fr)}.landing-families a{min-height:56px;padding:var(--ui-space-3);font-size:.875rem}.landing-actions .client-button{flex:100%}}@media (prefers-reduced-motion:reduce){.landing-hero-stitch:after{animation:none}.landing-clients-marquee{-webkit-mask-image:none;mask-image:none}.landing-clients-track{width:auto;animation:none;display:block}.landing-clients-track ul{flex-wrap:wrap;justify-content:flex-start;min-width:0;padding-right:0}.landing-clients-track ul[aria-hidden],.landing-clients-toggle{display:none}.landing-families a{transition:none}}
