/* Public partner site: shared visual direction with Marché de Gros. */
:root { --ink:#242529; --muted:#73737c; --line:#e9e9ed; --purple:#7042dc; --orange:#f4692b; --font:"Lexend",system-ui,-apple-system,sans-serif; --ease:cubic-bezier(.22,1,.36,1); }
* { box-sizing:border-box; margin:0; padding:0; }
html { scroll-behavior:smooth; scroll-padding-top:100px; }
body { font-family:var(--font); color:var(--ink); background:#fff; line-height:1.7; -webkit-font-smoothing:antialiased; }
img { max-width:100%; display:block; } a { color:inherit; text-decoration:none; } button { font:inherit; } .wrap { width:min(1180px,calc(100% - 80px)); margin-inline:auto; }
h1,h2,h3 { text-wrap:balance; }
h1 { font-size:clamp(3rem,4.6vw,4.25rem); font-weight:500; line-height:1.15; letter-spacing:-.055em; }
h2 { font-size:clamp(2rem,3.5vw,3.1rem); font-weight:400; line-height:1.19; letter-spacing:-.045em; }
h3 { font-size:1.18rem; font-weight:500; line-height:1.45; letter-spacing:-.025em; }
.title-line { display:block; }.title-emphasis,.title-mark { font-weight:600; }.title-mark { position:relative; display:inline-block; isolation:isolate; }
.title-mark::after { content:""; position:absolute; left:0; right:0; bottom:.05em; height:.18em; background:linear-gradient(90deg,var(--mark-start,#f9b995),var(--mark-end,#d4bcfb)); border-radius:50%; z-index:-1; transform:rotate(-2deg); }
h3 .title-mark::after { height:.15em; bottom:.01em; }
.eyebrow { display:inline-flex; align-items:center; gap:.55rem; font-size:.66rem; font-weight:500; letter-spacing:.14em; text-transform:uppercase; color:var(--muted); margin-bottom:1.4rem; }
.eyebrow::before { content:""; width:5px; height:5px; border-radius:50%; background:var(--orange); }
:focus-visible { outline:3px solid var(--purple); outline-offset:5px; }.skip-link { position:fixed; left:16px; top:-100px; padding:12px 20px; background:white; z-index:200; }.skip-link:focus { top:12px; }
.btn { display:inline-flex; align-items:center; justify-content:center; gap:1rem; background:var(--ink); color:#fff; border:1px solid transparent; padding:1rem 1.5rem; border-radius:999px; font-weight:500; font-size:.82rem; line-height:1.4; transition:background .25s,transform .3s var(--ease),box-shadow .3s; }
.btn:hover { background:var(--purple); transform:translateY(-2px); box-shadow:0 10px 25px #7042dc15; }.btn:active { transform:scale(.97); }.btn > span,.text-link > span { transition:transform .3s var(--ease); }.btn:hover > span,.text-link:hover > span { transform:translate(2px,-2px); }.btn-small { padding:.8rem 1.1rem; font-size:.74rem; }.btn-ghost { color:var(--ink); background:transparent; padding-inline:1rem; }.btn-ghost:hover { background:#f3effa; box-shadow:none; }
.nav { position:sticky; top:0; z-index:100; background:#ffffffed; backdrop-filter:blur(16px); border-bottom:1px solid var(--line); transition:box-shadow .3s; }.nav.scrolled { box-shadow:0 5px 20px #24252906; }
.nav-inner { min-height:86px; display:flex; align-items:center; justify-content:space-between; gap:1.4rem; }.brand { display:inline-flex; align-items:center; gap:.8rem; flex-shrink:0; }.brand img { width:auto; height:34px; }.brand > span { border-left:1px solid var(--line); padding-left:.8rem; font-size:.8rem; font-weight:500; letter-spacing:-.025em; }
.nav-links,.nav-actions { display:flex; align-items:center; gap:1.5rem; }.nav-links > a,.login-link { font-size:.74rem; font-weight:500; position:relative; }.nav-links > a::after { content:""; position:absolute; left:0; right:0; bottom:-7px; height:2px; background:var(--orange); transform:scaleX(0); transform-origin:left; transition:transform .3s var(--ease); }.nav-links > a:hover::after,.nav-links > a:focus-visible::after { transform:scaleX(1); }.nav-market > span { color:var(--orange); margin-left:4px; }.login-link:hover { color:var(--purple); }.nav-actions { gap:1.2rem; }.mobile-login { display:none; }.menu-toggle { display:none; flex-direction:column; gap:5px; background:none; border:0; padding:12px; cursor:pointer; }.menu-toggle > span { width:22px; height:2px; background:var(--ink); transition:transform .25s,opacity .25s; }.menu-toggle[aria-expanded="true"] > span:first-child { transform:translateY(7px) rotate(45deg); }.menu-toggle[aria-expanded="true"] > span:nth-child(2) { opacity:0; }.menu-toggle[aria-expanded="true"] > span:last-child { transform:translateY(-7px) rotate(-45deg); }
.hero { position:relative; overflow:hidden; background:radial-gradient(ellipse at 85% 40%,#f4f0fc,transparent 60%); }.hero-watermark { position:absolute; top:5px; left:50%; transform:translateX(-50%); font-size:clamp(6rem,13vw,13rem); line-height:1; font-weight:600; letter-spacing:-.06em; color:#f1eff5; pointer-events:none; white-space:nowrap; }
.hero-grid { display:grid; grid-template-columns:1fr 1.05fr; gap:3.5rem; align-items:center; padding-block:100px 76px; position:relative; }
.hero-kicker { display:flex; align-items:center; gap:.7rem; font-size:.65rem; color:var(--muted); margin-bottom:1.75rem; }.hero-kicker > span { padding:.35rem .7rem; border-radius:999px; color:white; background:linear-gradient(110deg,#e96b32,#a55aca); font-size:.65rem; white-space:nowrap; }
.lead { font-size:.98rem; color:var(--muted); max-width:480px; margin-top:1.7rem; line-height:1.85; }.hero-checks { display:flex; flex-wrap:wrap; gap:1.3rem; margin:1.7rem 0 2rem; }.hero-checks > span { display:flex; align-items:center; gap:.5rem; font-size:.7rem; }.hero-checks i { display:grid; place-items:center; width:29px; height:29px; background:white; color:var(--purple); border:1px solid var(--line); border-radius:50%; font-style:normal; box-shadow:0 5px 14px #24252906; }.hero-cta { display:flex; align-items:center; gap:.5rem; flex-wrap:wrap; }.hero-note { display:flex; flex-wrap:wrap; gap:.6rem; font-size:.65rem; color:var(--muted); margin-top:2rem; }.hero-note a { color:var(--ink); border-bottom:1px solid #d6d2df; }.hero-note a:hover { color:var(--purple); }
/* A composed shipping preview, not a screenshot of live account data. */
.shipping-visual { position:relative; display:grid; grid-template-columns:1.1fr 1fr; gap:15px; padding:0 10px 24px 0; min-width:0; }.shipment-window { grid-column:1/-1; margin-left:35px; border:1px solid #eeebf3; border-radius:14px; background:#fff; box-shadow:0 18px 50px #35234b0c; transform:rotate(1deg); overflow:hidden; }
.window-bar { display:flex; align-items:center; justify-content:space-between; padding:13px 17px; border-bottom:1px solid #f0edf5; font-size:7px; letter-spacing:.1em; color:#8c8795; }.window-dots { display:flex; gap:4px; }.window-dots i { width:5px; height:5px; border-radius:50%; background:#e7e1ef; }.window-dots i:first-child { background:#f9bb96; }.window-body { padding:20px; }.window-heading { display:flex; align-items:center; justify-content:space-between; gap:1rem; }.small-label { display:block; font-size:6px; letter-spacing:.08em; color:#9a91a6; }.window-heading strong { display:block; font-size:19px; font-weight:500; letter-spacing:-.035em; margin-top:5px; }.profile-circle { display:grid; place-items:center; width:32px; height:32px; border-radius:50%; color:var(--orange); background:#fff0e5; font-size:20px; }
.shipment-summary { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin-top:17px; }.shipment-summary > div { padding:13px 10px; border-radius:7px; background:#f0eafb; }.shipment-summary > div:nth-child(2) { background:#fcece1; }.shipment-summary > div:nth-child(3) { background:#eaf3ec; }.summary-icon { display:block; font-size:21px; color:#8860be; line-height:1; }.shipment-summary b { display:block; font-size:10px; font-weight:500; margin-top:8px; }
.shipment-list { margin-top:14px; }.shipment-row { display:flex; align-items:center; gap:8px; padding:10px 0; border-bottom:1px solid #f2eff5; }.shipment-row:last-child { border:0; }.parcel-icon { display:grid; place-items:center; width:26px; height:26px; border-radius:6px; background:#f5f3f8; color:#9d8bb0; }.shipment-row b { display:block; font-size:9px; font-weight:500; }.shipment-row small { display:block; font-size:7px; color:#9b95a3; }.status { margin-left:auto; font-size:7px; padding:4px 7px; border-radius:999px; font-style:normal; white-space:nowrap; }.status-green { background:#eaf4ec; color:#4c7a59; }.status-orange { background:#fff0e4; color:#b17342; }.status-purple { background:#f1eafb; color:#8562a9; }
.collection-note { position:absolute; top:115px; left:-5px; z-index:2; display:flex; align-items:center; gap:8px; background:white; padding:13px 15px; border:1px solid #f3eef7; border-radius:9px; box-shadow:0 10px 25px #3823540c; transform:rotate(-3deg); }.collection-note > span { display:grid; place-items:center; width:27px; height:27px; background:#eaf1e9; color:#5f8c6d; border-radius:50%; }.collection-note b { display:block; font-size:9px; font-weight:500; }.collection-note small { display:block; font-size:7px; color:var(--muted); }
.mascot-card { margin-top:8px; border-radius:10px; overflow:hidden; border:5px solid #fff; box-shadow:0 12px 30px #3823540b; transform:rotate(-3deg); background:#fff; }.mascot-card img { width:100%; height:auto; aspect-ratio:1.65; object-fit:cover; }.mascot-card > div { display:flex; align-items:center; gap:7px; padding:9px 7px 5px; font-size:8px; }.sparkle { color:var(--purple); font-size:18px; }
.payment-card { background:#e8def7; padding:17px 18px; border-radius:10px; position:relative; margin-right:15px; transform:rotate(3deg); }.payment-icon { position:absolute; top:12px; right:16px; font-size:29px; color:#9267c5; }.payment-card > small { display:block; font-size:6px; letter-spacing:.07em; max-width:75%; color:#846d9e; }.payment-card > strong { display:block; font-size:22px; line-height:1.15; letter-spacing:-.05em; font-weight:500; margin-top:12px; }.payment-card strong > span { color:#8a61b9; }.payment-line { display:flex; gap:4px; height:17px; align-items:end; position:absolute; bottom:20px; right:18px; }.payment-line i { width:5px; height:30%; border-radius:2px; background:#af8bd4; }.payment-line i:nth-child(2) { height:55%; }.payment-line i:nth-child(3) { height:40%; }.payment-line i:nth-child(4) { height:80%; }.payment-line i:nth-child(5) { height:65%; }.payment-line i:nth-child(6) { height:100%; }.visual-caption { position:absolute; bottom:0; left:0; right:0; text-align:center; font-size:7px; color:#918997; }
.stats { border-block:1px solid var(--line); background:#faf9fc; }.stats-grid { display:grid; grid-template-columns:repeat(4,1fr); padding-block:35px; }.stat { text-align:center; border-right:1px solid #e5dfed; }.stat:last-child { border:0; }.stat strong { display:block; font-size:2.2rem; font-weight:500; letter-spacing:-.055em; line-height:1.3; }.stat span { display:block; font-size:.69rem; color:var(--muted); margin-top:6px; }
.section { padding:100px 0; }.section-intro { display:flex; align-items:end; justify-content:space-between; gap:3rem; margin-bottom:48px; }.section-intro > p { max-width:280px; color:var(--muted); font-size:.86rem; padding-bottom:6px; }.section-head { max-width:700px; }.features-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }.feature { border:1px solid var(--line); border-radius:16px; padding:27px; transition:transform .35s var(--ease),box-shadow .35s,border-color .35s; }.feature:first-child { background:#f4effb; border-color:transparent; }.feature-top { display:flex; align-items:center; justify-content:space-between; margin-bottom:25px; }.feature-icon { font-size:28px; color:#855db9; line-height:1; transition:transform .35s var(--ease); }.feature-num { font-size:.7rem; letter-spacing:.04em; color:#aaa2b2; }.feature p { color:var(--muted); font-size:.84rem; margin-top:14px; line-height:1.8; }
.ai { background:var(--ink); color:white; --mark-start:#ad694e; --mark-end:#8657b8; }.ai .eyebrow { color:#beaacb; }.ai-intro { display:grid; grid-template-columns:1.2fr .8fr; align-items:center; gap:4rem; }.ai .title-emphasis { color:#e7ccff; }.ai-lead { font-size:.93rem; line-height:1.85; color:#c5c0cd; max-width:560px; margin-top:24px; }.ai-orbit { width:250px; height:250px; border:1px solid #51455f; border-radius:50%; position:relative; justify-self:center; display:grid; place-items:center; }.ai-orbit::before { content:""; position:absolute; inset:22px; border:1px dashed #665274; border-radius:50%; }.ai-orbit > span { font-size:90px; color:#dac2f4; line-height:1; }.ai-orbit > div { position:absolute; bottom:24px; font-size:9px; letter-spacing:.15em; }.ai-orbit b { color:#f0ae83; }.orbit-dot { position:absolute; top:13px; right:45px; width:15px; height:15px; border-radius:50%; background:#f0b18d; box-shadow:0 0 0 7px #f0b18d0c; }
.ai-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:28px; margin-top:65px; }.ai-card { border-top:1px solid #55485f; padding-top:23px; }.ai-kicker { display:block; font-size:.63rem; color:#a99bb8; margin-bottom:20px; }.ai-card p { color:#c5c0cd; font-size:.83rem; margin-top:16px; line-height:1.85; }.text-link { display:inline-flex; gap:.8rem; align-items:center; font-size:.74rem; margin-top:20px; padding-bottom:4px; border-bottom:1px solid #85718f; }
.wholesale-grid { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:5.5rem; }.wholesale-visual { position:relative; padding-bottom:20px; }.wholesale-visual img { width:100%; height:auto; aspect-ratio:1.22; object-fit:cover; border-radius:20px; }.wholesale-badge { position:absolute; bottom:0; right:22px; left:22px; display:flex; align-items:center; gap:14px; background:white; border:1px solid var(--line); box-shadow:0 12px 30px #38235409; border-radius:10px; padding:17px 20px; }.wholesale-badge > span { display:grid; place-items:center; width:40px; height:40px; background:#e8def7; color:#8961b9; border-radius:50%; font-size:24px; }.wholesale-badge b { font-weight:500; font-size:.88rem; }.wholesale-badge small { display:block; font-size:.68rem; color:var(--muted); }.wholesale-copy > p { font-size:.93rem; color:var(--muted); margin:25px 0; line-height:1.85; }.wholesale-note { display:block; font-size:.68rem; color:var(--muted); margin-top:18px; }
.cta-band { padding-bottom:85px; }.cta-box { background:linear-gradient(120deg,#f7ebe4,#eee7fb); padding:60px; border-radius:24px; display:grid; grid-template-columns:1.3fr .7fr; gap:3rem; align-items:center; }.cta-box p { margin-top:22px; font-size:.84rem; color:#746879; max-width:460px; }.cta-actions { text-align:center; }.cta-actions > .btn { min-width:220px; }.app-links { display:flex; justify-content:center; gap:20px; margin-top:22px; font-size:.7rem; }.app-links a:hover { color:var(--purple); }
.footer { border-top:1px solid var(--line); }.footer-inner { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:25px; padding-block:30px; }.footer-links { display:flex; gap:24px; flex-wrap:wrap; font-size:.7rem; color:var(--muted); }.footer-links a:hover { color:var(--purple); }.footer-copy { width:100%; font-size:.62rem; color:var(--muted); }
@media (hover:hover) and (pointer:fine) { .feature:hover { transform:translateY(-5px); border-color:#d8c8ef; box-shadow:0 15px 35px #38235409; }.feature:hover .feature-icon { transform:rotate(-8deg); }.shipment-window,.mascot-card,.payment-card { transition:translate .4s var(--ease); }.shipment-window:hover,.mascot-card:hover,.payment-card:hover { translate:0 -5px; } }
@keyframes marker-draw { from { transform:rotate(-2deg) scaleX(0); } to { transform:rotate(-2deg) scaleX(1); } }
@keyframes orbit-arrive { from { rotate:-35deg; opacity:0; } to { rotate:0deg; opacity:1; } }
@media (prefers-reduced-motion:no-preference) { :is(h1,h2,h3).is-revealed .title-mark::after { transform-origin:left; animation:marker-draw .85s var(--ease) .2s both; }h3.is-revealed .title-mark::after { animation-delay:.35s; }.ai-orbit.is-revealed { animation:orbit-arrive 1.3s var(--ease) both; } }
@media (max-width:1100px) { .wrap { width:calc(100% - 56px); }.nav-links { gap:1rem; }.brand > span { font-size:.7rem; }.nav-actions { gap:.7rem; }.hero-grid { gap:2rem; }.hero h1 { font-size:clamp(2.7rem,4.6vw,3.6rem); }.hero-cta .btn { font-size:.74rem; padding-inline:1rem; }.wholesale-grid { gap:3rem; }.collection-note { left:-10px; }.cta-box { padding:45px; } }
@media (max-width:900px) { .wrap { width:calc(100% - 48px); }.nav-inner { min-height:74px; }.nav-links { display:none; }.nav-links.open { display:flex; position:absolute; top:100%; left:0; right:0; flex-direction:column; align-items:stretch; padding:20px 24px; gap:5px; border-bottom:1px solid var(--line); background:#fff; box-shadow:0 12px 20px #38235408; }.nav-links a { padding:10px 0; font-size:.9rem; }.nav-links a::after { bottom:3px; }.mobile-login { display:block; }.menu-toggle { display:flex; }.login-link { display:none; }.hero-grid { grid-template-columns:1fr; gap:3.5rem; padding-block:65px 55px; }.hero h1 { font-size:clamp(3rem,7vw,4.25rem); }.hero-copy { max-width:620px; }.lead { max-width:560px; }.shipping-visual { width:100%; max-width:570px; margin:auto; }.hero-watermark { top:12px; }.section { padding:70px 0; }.section-intro { display:block; }.section-intro > p { max-width:430px; margin-top:22px; }.features-grid { grid-template-columns:repeat(2,1fr); }.ai-intro { grid-template-columns:1fr; gap:35px; }.ai-orbit { width:180px; height:180px; }.ai-orbit > span { font-size:60px; }.ai-grid { gap:20px; }.ai-card h3 { font-size:1.07rem; }.wholesale-grid { grid-template-columns:1fr; }.wholesale-visual { max-width:570px; width:100%; margin:auto; }.wholesale-visual img { aspect-ratio:1.5; }.cta-box { grid-template-columns:1fr; }.cta-actions { text-align:left; }.app-links { justify-content:flex-start; }.footer-links { gap:20px; }.stats-grid { gap:25px; padding-block:30px; }.stat strong { font-size:1.9rem; }.stat span { font-size:.62rem; } }
@media (max-width:560px) { .wrap { width:calc(100% - 40px); }.brand img { height:30px; }.brand > span { display:none; }.nav-actions { gap:5px; }.btn-small { padding:.75rem 1rem; font-size:.68rem; }.hero-grid { padding-top:50px; gap:3rem; }.hero h1 { font-size:clamp(2.4rem,9.6vw,3.4rem); }.hero-kicker { gap:.5rem; font-size:.56rem; }.hero-kicker > span { font-size:.56rem; }.lead { font-size:.9rem; }.hero-checks { gap:1rem; }.hero-checks > span { font-size:.62rem; }.hero-cta { gap:.25rem; }.hero-cta .btn { padding:1rem; font-size:.7rem; }.hero-note { font-size:.61rem; }.hero-watermark { font-size:4.6rem; top:8px; }.shipment-window { margin-left:15px; }.window-body { padding:14px; }.window-heading strong { font-size:16px; }.collection-note { left:-3px; top:112px; padding:8px; }.collection-note b { font-size:7px; }.collection-note small { font-size:6px; }.collection-note > span { width:21px; height:21px; font-size:10px; }.shipment-summary { gap:5px; }.shipment-summary > div { padding:10px 7px; }.shipment-summary b { font-size:8px; }.shipment-row b { font-size:8px; }.shipment-row small,.status { font-size:6px; }.shipping-visual { gap:10px; padding-right:0; }.payment-card { margin-right:4px; padding:13px; }.payment-card > strong { font-size:19px; }.payment-card > small { font-size:5px; }.payment-icon { font-size:23px; right:12px; }.payment-line { right:12px; bottom:15px; }.mascot-card { align-self:start; margin-top:15px; }.mascot-card > div { font-size:6px; padding:5px 3px; }.mascot-card img { aspect-ratio:1.3; }.stats-grid { grid-template-columns:repeat(2,1fr); gap:28px 10px; }.stat:nth-child(2) { border:0; }.stat strong { font-size:2rem; }.section { padding:60px 0; }h2 { font-size:clamp(1.9rem,7.9vw,2.5rem); }.features-grid,.ai-grid { grid-template-columns:1fr; }.feature { padding:24px; }.feature-top { margin-bottom:22px; }.ai-grid { margin-top:40px; gap:30px; }.ai-card h3 { font-size:1.2rem; }.ai-orbit { display:none; }.wholesale-grid { gap:40px; }.wholesale-badge { left:12px; right:12px; padding:12px; }.wholesale-copy .btn { font-size:.76rem; }.cta-box { padding:30px 24px; border-radius:16px; gap:30px; }.cta-band { padding-bottom:60px; }.cta-actions > .btn { min-width:0; }.footer-inner { gap:22px; }.footer-links { gap:12px 20px; } }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; }*,*::before,*::after { animation:none !important; transition:none !important; }.feature:hover,.btn:hover,.btn:active,.feature:hover .feature-icon { transform:none; }.shipment-window:hover,.mascot-card:hover,.payment-card:hover { translate:none; } }

.feature-icon svg { display:block; width:28px; height:28px; }