:root{--bg: #FAF7F2;--bg-elev: #FFFFFF;--bg-deep: #2A2520;--fg: #1F1A15;--fg-soft: #4A4239;--muted: #7A6E62;--border: #E8E0D2;--border-strong: #D4C8B5;--accent: #5B7355;--accent-hover: #4A6045;--accent-soft: #EDF2EA;--cta: #C97B5C;--cta-hover: #B86A4D;--cta-soft: #F4E5DD;--gold: #B89A5C;--shadow-sm: 0 1px 2px rgba(74, 60, 47, .06);--shadow-md: 0 4px 16px rgba(74, 60, 47, .1);--shadow-lg: 0 24px 60px rgba(74, 60, 47, .16);--radius: 12px;--radius-lg: 18px}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--fg);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.92em;background:#f1ece2;color:#5a4d3e;padding:1px 6px;border-radius:4px}.muted{color:var(--muted)}.small{font-size:.88rem}.center{text-align:center}.page{min-height:100%}.topbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:14px 24px;background:#faf7f2d9;backdrop-filter:saturate(180%) blur(12px);-webkit-backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--border)}.topbar .brand{font-weight:800;font-size:1.15rem;letter-spacing:-.01em;color:var(--fg)}.topbar nav{display:flex;gap:28px;align-items:center}.topbar nav a{color:var(--fg-soft);font-weight:500;font-size:.95rem}.topbar nav a:hover{color:var(--fg)}.topbar nav a.cta{background:var(--cta);color:#fff;padding:9px 18px;border-radius:999px;font-weight:600}.topbar nav a.cta:hover{background:var(--cta-hover)}.nav-toggle{display:none;background:none;border:none;color:var(--fg);font-size:1.4rem;line-height:1;cursor:pointer;padding:4px 8px}.btn{display:inline-flex;align-items:center;gap:8px;padding:13px 24px;border-radius:999px;font-weight:600;font-size:1rem;cursor:pointer;border:1px solid transparent;transition:background-color .12s,border-color .12s,transform .12s;font-family:inherit;white-space:nowrap}.btn.primary{background:var(--cta);color:#fff}.btn.primary:hover{background:var(--cta-hover)}.btn.primary:active{transform:translateY(1px)}.btn.ghost{background:transparent;border-color:var(--border-strong);color:var(--fg)}.btn.ghost:hover{background:var(--bg-elev);border-color:var(--fg-soft)}.btn.dark{background:var(--bg-deep);color:#fff}.btn.dark:hover{background:#1f1a15}.btn.lg{padding:16px 32px;font-size:1.05rem}.btn[disabled]{opacity:.55;cursor:not-allowed}.hero{position:relative;padding:80px 24px 40px;max-width:1240px;margin:0 auto}.hero-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:56px;align-items:center}.hero-content{max-width:560px}.hero-eyebrow{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;background:var(--accent-soft);color:var(--accent);border-radius:999px;font-size:.82rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase;margin-bottom:18px}.hero h1{font-size:clamp(2.4rem,5vw,3.8rem);line-height:1.05;letter-spacing:-.02em;font-weight:800;margin:0 0 22px;color:var(--fg)}.hero h1 .accent{color:var(--cta);font-style:normal}.hero .lede{font-size:1.15rem;color:var(--fg-soft);margin:0 0 28px;line-height:1.55}.hero-cta{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:18px}.hero-trust{display:flex;flex-wrap:wrap;gap:16px 24px;color:var(--muted);font-size:.9rem}.hero-trust span:before{content:"✓";color:var(--accent);margin-right:6px;font-weight:700}.hero-mockup{position:relative;height:480px}.mockup-card{position:absolute;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:18px 20px;font-size:.9rem}.mockup-pos{top:0;right:0;width:360px;background:var(--bg-deep);color:#f1ece2;border-color:#3a332b}.mockup-pos h4{margin:0 0 12px;font-size:.78rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#b8ac9c}.mockup-pos .pos-line{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #3A332B}.mockup-pos .pos-line:last-of-type{border-bottom:none}.mockup-pos .pos-line .desc{display:flex;flex-direction:column}.mockup-pos .pos-line .qr{font-size:.72rem;color:#8a7e6e}.mockup-pos .pos-total{display:flex;justify-content:space-between;padding-top:12px;margin-top:6px;border-top:1px solid #3A332B;font-weight:700;font-size:1.1rem;color:#fff}.mockup-pos .pos-encaisse{margin-top:12px;display:inline-block;background:var(--accent);color:#fff;padding:4px 10px;border-radius:999px;font-size:.75rem;font-weight:600}.mockup-depot{bottom:0;left:0;width:320px}.mockup-depot .row{display:flex;align-items:center;gap:12px;padding:8px 0}.mockup-depot .avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--accent),#8AA67E);color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center;font-size:.85rem}.mockup-depot .row .name{font-weight:600}.mockup-depot .row .meta{font-size:.78rem;color:var(--muted)}.mockup-depot .badge{margin-left:auto;background:var(--accent-soft);color:var(--accent);padding:2px 8px;border-radius:999px;font-size:.72rem;font-weight:600}.mockup-toast{bottom:110px;right:-12px;width:280px;background:var(--cta-soft);border-color:#e8c9b7;display:flex;align-items:flex-start;gap:10px}.mockup-toast .ico{width:32px;height:32px;border-radius:999px;background:var(--cta);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0}.mockup-toast .body{font-size:.85rem;color:var(--fg);line-height:1.4}.mockup-toast .body strong{color:var(--fg)}.proof-band{background:var(--bg-elev);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:28px 24px}.proof-inner{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:24px;text-align:center}.proof-item .num{font-size:2rem;font-weight:800;letter-spacing:-.02em;color:var(--accent);line-height:1;display:block}.proof-item .lbl{margin-top:6px;color:var(--muted);font-size:.9rem}.spotlights{max-width:1180px;margin:0 auto;padding:80px 24px;display:flex;flex-direction:column;gap:96px}.spotlight{display:grid;grid-template-columns:1fr 1.05fr;gap:56px;align-items:center}.spotlight.reverse{grid-template-columns:1.05fr 1fr}.spotlight.reverse .spotlight-text{order:2}.spotlight-text .eyebrow{display:inline-block;font-size:.82rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--accent);margin-bottom:12px}.spotlight-text h2{font-size:clamp(1.8rem,3vw,2.5rem);line-height:1.1;letter-spacing:-.015em;font-weight:800;margin:0 0 16px}.spotlight-text p{font-size:1.05rem;color:var(--fg-soft);margin:0 0 16px}.spotlight-text ul{list-style:none;padding:0;margin:16px 0 0}.spotlight-text li{padding:6px 0 6px 28px;position:relative;color:var(--fg-soft)}.spotlight-text li:before{content:"";position:absolute;left:0;top:12px;width:16px;height:16px;border-radius:50%;background:var(--accent-soft);border:2px solid var(--accent)}.spotlight-visual{position:relative;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-md);min-height:320px}.ui-row{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:var(--bg);margin-bottom:8px}.ui-row.dark{background:var(--bg-deep);color:#f1ece2;border-color:#3a332b}.ui-thumb{width:44px;height:44px;border-radius:8px;background:linear-gradient(135deg,#e8e0d2,#d4c8b5);flex-shrink:0}.ui-thumb.sage{background:linear-gradient(135deg,#c5d2bd,#8aa67e)}.ui-thumb.terra{background:linear-gradient(135deg,#e8c9b7,#c97b5c)}.ui-row .desc{flex:1}.ui-row .desc .name{font-weight:600}.ui-row .desc .meta{font-size:.8rem;color:var(--muted)}.ui-row.dark .desc .meta{color:#b8ac9c}.ui-row .price{font-weight:700;color:var(--cta)}.ui-row.dark .price{color:#e8b59c}.ui-row .qr{font-family:ui-monospace,monospace;font-size:.78rem;color:var(--muted);background:var(--accent-soft);padding:2px 6px;border-radius:4px}.dark-band{background:var(--bg-deep);color:#f1ece2;padding:80px 24px;text-align:center}.dark-band-inner{max-width:800px;margin:0 auto}.dark-band h2{font-size:clamp(2rem,3.5vw,3rem);line-height:1.1;letter-spacing:-.02em;font-weight:800;margin:0 0 16px;color:#fff}.dark-band h2 .accent{color:#e8b59c}.dark-band p{color:#c8bcaa;font-size:1.1rem;margin:0 0 28px}.pricing-teaser{max-width:1100px;margin:0 auto;padding:80px 24px;text-align:center}.pricing-teaser h2{font-size:clamp(1.8rem,3vw,2.5rem);font-weight:800;margin:0 0 12px;letter-spacing:-.015em}.pricing-teaser .sub{color:var(--muted);font-size:1.05rem;margin:0 0 32px}.pricing-teaser .pills{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-bottom:32px}.pricing-teaser .pill{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:var(--bg-elev);border:1px solid var(--border);border-radius:999px;font-size:.95rem;color:var(--fg-soft)}.pricing-teaser .pill strong{color:var(--fg);font-weight:700}.pricing,.signup,.features,.cta-band{max-width:1100px;margin:0 auto;padding:60px 24px}.pricing h1,.features h2{font-size:clamp(1.8rem,3vw,2.5rem);font-weight:800;text-align:center;margin:0 0 12px;letter-spacing:-.015em}.pricing .page-head p,.features>p{text-align:center;color:var(--muted);margin:0 auto 32px;max-width:600px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px}.grid.plans{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.card{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow-sm)}.card.plan{display:flex;flex-direction:column;gap:10px}.card.plan.featured{border-color:var(--cta);box-shadow:0 0 0 3px var(--cta-soft),var(--shadow-md)}.card.plan h3{margin:0;font-size:1.3rem;font-weight:800}.card.plan .price{font-size:1.6rem;font-weight:800;margin:8px 0}.card.plan ul{list-style:none;padding:0;margin:0;flex:1}.card.plan li{padding:5px 0 5px 22px;position:relative;color:var(--fg-soft);font-size:.95rem}.card.plan li:before{content:"✓";position:absolute;left:0;color:var(--accent);font-weight:700}.card.plan .plan-section{border-top:1px solid var(--border);padding-top:12px;margin-top:4px}.card.plan .plan-section-title{font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-weight:700;margin-bottom:6px}.card.plan .check-list{list-style:none;padding:0;margin:0;flex:0}.card.plan .check-list li{padding:4px 0;display:flex;align-items:flex-start;gap:8px;font-size:.92rem}.card.plan .check-list li:before{content:"";display:none}.card.plan .check-list li.ok>span:first-child{color:var(--accent);font-weight:700;width:16px;flex-shrink:0}.card.plan .check-list li.off{color:var(--muted)}.card.plan .check-list li.off>span:first-child{color:var(--muted);width:16px;flex-shrink:0}.card.plan .plan-limits{margin-top:4px;text-align:center}.cta-band{text-align:center;background:var(--accent-soft);border-radius:var(--radius-lg)}.cta-band h2{font-size:1.8rem;font-weight:800;margin:0 0 12px}.cta-band p{color:var(--fg-soft);margin:0 0 24px}.signup,.login-page{max-width:540px}.form,.form.card{display:flex;flex-direction:column;gap:14px}.form input,.form select,.form textarea{font-family:inherit;font-size:1rem;padding:12px 14px;border:1px solid var(--border);border-radius:10px;background:var(--bg-elev);color:var(--fg)}.form input:focus,.form select:focus,.form textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.form-error{background:#f7e5e2;color:#8a3328;padding:10px 14px;border:1px solid #E8C9C4;border-radius:10px;font-size:.9rem}.slug-row{display:flex;align-items:stretch;gap:8px}.slug-row input{flex:1}.slug-row .suffix{display:flex;align-items:center;padding:0 12px;background:var(--bg);border:1px solid var(--border);border-radius:10px;color:var(--muted);font-size:.95rem}.slug-status{margin-top:4px;font-size:.85rem}.slug-status.ok{color:var(--accent)}.slug-status.ko{color:#a8463a}.slug-status.checking{color:var(--muted)}.form label{display:flex;flex-direction:column;gap:6px}.form fieldset{display:flex;flex-direction:column;gap:14px;border:1px solid var(--border);border-radius:10px;padding:14px 16px 16px;margin:0}.form fieldset>legend{padding:0 6px;font-weight:600;font-size:.95rem;color:var(--fg-soft)}.form .row{display:flex;flex-wrap:wrap;gap:10px 18px}.form label.radio{flex-direction:row;align-items:center;gap:8px;cursor:pointer}.form label.radio input{width:auto;margin:0}.footer{border-top:1px solid var(--border);margin-top:80px;background:var(--bg-elev)}.footer-inner{max-width:1100px;margin:0 auto;padding:24px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;color:var(--muted);font-size:.92rem}.footer nav{display:flex;gap:20px;flex-wrap:wrap}.sticky-cta{display:none}@media(max-width:880px){.topbar{padding:12px 16px}.nav-toggle{display:inline-flex}.topbar nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:2px;background:var(--bg);border-bottom:1px solid var(--border);padding:10px 16px 16px;box-shadow:0 14px 28px #0000001a}.topbar nav.open{display:flex}.topbar nav>a{display:block;padding:10px 4px;border-bottom:1px solid var(--border)}.topbar nav a.cta{text-align:center;margin-top:8px;border-bottom:none}.topbar .nav-dropdown{display:block}.topbar .nav-dropdown-toggle{width:100%;justify-content:space-between;padding:10px 4px;border-bottom:1px solid var(--border)}.topbar .nav-dropdown-menu{position:static;display:flex;min-width:0;border:none;box-shadow:none;padding:4px 0 4px 12px}.feature-page{padding:40px 16px}.feature-section{padding:20px}.hero{padding:56px 16px 24px}.hero-grid{grid-template-columns:1fr;gap:40px}.hero-mockup{height:auto;display:flex;flex-direction:column;gap:16px}.mockup-card{position:static;width:100%}.mockup-toast{width:100%}.spotlights{gap:64px;padding:56px 16px}.spotlight,.spotlight.reverse{grid-template-columns:1fr;gap:24px}.spotlight.reverse .spotlight-text{order:0}.dark-band,.pricing-teaser{padding:56px 16px}.features,.cta-band,.pricing,.signup{padding:40px 16px}.sticky-cta{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:60;padding:12px 16px;background:#faf7f2f5;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid var(--border);box-shadow:0 -4px 16px #4a3c2f14}.sticky-cta a.btn{flex:1;justify-content:center}body{padding-bottom:72px}}.demo-root{--bg: #0d0f14;--surface: #151820;--surface2: #1d2130;--border: #2a2f42;--accent: #4f6ef7;--accent2: #38d9a9;--text: #e8ecf5;--text-muted: #7a84a0;--danger: #f7614f;position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;font-family:Inter,sans-serif;background:var(--bg);color:var(--text);overflow:hidden}.demo-root *{box-sizing:border-box;margin:0;padding:0}.demo-root .demo-close{position:absolute;top:20px;right:24px;z-index:60;width:40px;height:40px;border-radius:50%;border:1px solid var(--border);background:var(--surface);color:var(--text-muted);font-size:16px;cursor:pointer;transition:all .2s}.demo-root .demo-close:hover{color:var(--text);background:var(--surface2)}.demo-root .progress-bar{position:absolute;top:0;left:0;height:3px;background:linear-gradient(90deg,var(--accent),var(--accent2));width:0%;z-index:50;transition:width .3s ease}.demo-root .slide{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .6s ease;padding:40px;background:var(--bg)}.demo-root .slide.active{opacity:1;pointer-events:all}.demo-root .slide-0{background:radial-gradient(ellipse at 30% 40%,#1a2040 0%,var(--bg) 60%)}.demo-root .slide-5{background:radial-gradient(ellipse at 60% 50%,#1a2040 0%,var(--bg) 60%)}.demo-root .logo-big{font-family:Syne,sans-serif;font-size:72px;font-weight:800;letter-spacing:-2px;background:linear-gradient(135deg,#fff 30%,var(--accent2));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:16px;animation:demo-fadeUp .8s ease both}.demo-root .tagline{font-size:20px;color:var(--text-muted);font-weight:300;animation:demo-fadeUp .8s .2s ease both;margin-bottom:48px;text-align:center}.demo-root .badge-row{display:flex;gap:12px;animation:demo-fadeUp .8s .4s ease both;flex-wrap:wrap;justify-content:center}.demo-root .badge{background:var(--surface2);border:1px solid var(--border);border-radius:100px;padding:8px 20px;font-size:13px;color:var(--text-muted)}.demo-root .badge span{color:var(--accent2);margin-right:6px}.demo-root .demo-outro-cta{display:inline-block;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;text-decoration:none;font-family:Syne,sans-serif;font-weight:700;font-size:16px;padding:16px 40px;border-radius:100px;letter-spacing:.5px;animation:demo-fadeUp .8s .4s ease both}.demo-root .slide-title{font-family:Syne,sans-serif;font-size:13px;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:var(--accent);margin-bottom:12px}.demo-root .slide-headline{font-family:Syne,sans-serif;font-size:36px;font-weight:800;text-align:center;margin-bottom:40px;line-height:1.2}.demo-root .slide-headline em{font-style:normal;color:var(--accent2)}.demo-root .pos-container{position:relative;display:grid;grid-template-columns:1fr 340px;gap:16px;width:100%;max-width:860px;background:var(--surface);border:1px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:0 40px 80px #00000080}.demo-root .pos-left{padding:24px;border-right:1px solid var(--border)}.demo-root .pos-topbar{display:flex;align-items:center;gap:12px;margin-bottom:20px}.demo-root .scan-input{flex:1;min-width:0;background:var(--surface2);border:1px solid var(--border);border-radius:10px;padding:12px 16px;color:var(--text);font-family:Inter,sans-serif;font-size:15px;outline:none}.demo-root .scan-input.scanning{border-color:var(--accent);box-shadow:0 0 0 3px #4f6ef733}.demo-root .scan-btn{background:var(--accent);border:none;border-radius:10px;padding:12px 20px;color:#fff;font-family:Inter,sans-serif;font-weight:500;cursor:pointer;font-size:14px}.demo-root .article-card{background:var(--surface2);border:1px solid var(--border);border-radius:12px;padding:16px;display:flex;align-items:center;gap:16px;opacity:0;transform:translateY(10px);transition:all .4s ease}.demo-root .article-card.visible{opacity:1;transform:translateY(0)}.demo-root .article-thumb{width:56px;height:56px;background:linear-gradient(135deg,#2a3050,#1d2440);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}.demo-root .article-info{flex:1}.demo-root .article-name{font-weight:600;font-size:15px;margin-bottom:4px}.demo-root .article-meta{color:var(--text-muted);font-size:13px}.demo-root .article-price{font-family:Syne,sans-serif;font-size:22px;font-weight:700;color:var(--accent2)}.demo-root .pos-right{padding:24px}.demo-root .cart-title{font-family:Syne,sans-serif;font-weight:700;margin-bottom:16px;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-size:11px}.demo-root .cart-item{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--border);font-size:14px;opacity:0;transition:opacity .4s ease}.demo-root .cart-item.visible{opacity:1}.demo-root .cart-item-name{color:var(--text-muted)}.demo-root .cart-total{display:flex;justify-content:space-between;font-family:Syne,sans-serif;font-weight:700;font-size:20px}.demo-root .payment-methods{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}.demo-root .pay-btn{background:var(--surface2);border:1px solid var(--border);border-radius:10px;padding:10px;color:var(--text);font-family:Inter,sans-serif;font-size:13px;cursor:pointer;text-align:center;transition:all .2s}.demo-root .pay-btn.primary{background:var(--accent);border-color:var(--accent);grid-column:1 / -1;font-weight:600;padding:14px}.demo-root .pay-btn.active{background:var(--accent2);border-color:var(--accent2);color:#0d1a14}.demo-root .success-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0d0f14f2;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:16px;opacity:0;pointer-events:none;transition:opacity .4s ease}.demo-root .success-overlay.show{opacity:1;pointer-events:all}.demo-root .success-icon{width:80px;height:80px;background:var(--accent2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:36px;color:#0d1a14;margin-bottom:20px;animation:demo-pop .4s ease}.demo-root .success-text{font-family:Syne,sans-serif;font-size:24px;font-weight:700;margin-bottom:8px}.demo-root .success-sub{color:var(--text-muted);font-size:14px}.demo-root .depot-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;width:100%;max-width:860px}.demo-root .depot-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:20px;transition:all .3s ease}.demo-root .depot-card:hover{border-color:var(--accent);transform:translateY(-3px)}.demo-root .depot-card-icon{font-size:28px;margin-bottom:12px}.demo-root .depot-card-title{font-family:Syne,sans-serif;font-weight:700;font-size:15px;margin-bottom:8px}.demo-root .depot-card-desc{font-size:13px;color:var(--text-muted);line-height:1.6}.demo-root .status-pill{display:inline-block;padding:3px 10px;border-radius:100px;font-size:11px;font-weight:600;margin-top:10px}.demo-root .status-actif{background:#38d9a926;color:var(--accent2)}.demo-root .status-vendu{background:#4f6ef726;color:var(--accent)}.demo-root .status-expire{background:#f7614f26;color:var(--danger)}.demo-root .stats-row{display:flex;gap:16px;margin-top:16px;width:100%;max-width:860px}.demo-root .stat-card{flex:1;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:16px 20px;text-align:center}.demo-root .stat-value{font-family:Syne,sans-serif;font-size:28px;font-weight:800;color:var(--accent2);margin-bottom:4px}.demo-root .stat-label{font-size:12px;color:var(--text-muted)}.demo-root .email-demo{display:grid;grid-template-columns:260px 1fr;gap:16px;width:100%;max-width:860px;background:var(--surface);border:1px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:0 40px 80px #0006}.demo-root .email-sidebar{background:var(--surface2);padding:20px;border-right:1px solid var(--border)}.demo-root .email-sidebar-title{font-family:Syne,sans-serif;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--text-muted);margin-bottom:16px}.demo-root .campaign-item{padding:12px;border-radius:10px;cursor:pointer;transition:background .2s;margin-bottom:4px}.demo-root .campaign-item.selected{background:#4f6ef726;border:1px solid rgba(79,110,247,.3)}.demo-root .campaign-item-name{font-size:13px;font-weight:500;margin-bottom:3px}.demo-root .campaign-item-meta{font-size:11px;color:var(--text-muted)}.demo-root .email-main{padding:24px}.demo-root .email-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.demo-root .email-campaign-title{font-family:Syne,sans-serif;font-size:18px;font-weight:700}.demo-root .send-btn{background:var(--accent);border:none;border-radius:8px;padding:10px 20px;color:#fff;font-family:Inter,sans-serif;font-weight:500;cursor:pointer;font-size:13px}.demo-root .email-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}.demo-root .email-stat{background:var(--surface2);border-radius:10px;padding:12px;text-align:center}.demo-root .email-stat-val{font-family:Syne,sans-serif;font-size:20px;font-weight:700;color:var(--accent2)}.demo-root .email-stat-lbl{font-size:10px;color:var(--text-muted);margin-top:2px}.demo-root .chart-bar-row{display:flex;align-items:center;gap:10px;margin-bottom:8px;font-size:12px;color:var(--text-muted)}.demo-root .chart-bar-label{width:120px}.demo-root .chart-bar-track{flex:1;height:8px;background:var(--surface2);border-radius:100px;overflow:hidden}.demo-root .chart-bar-fill{height:100%;border-radius:100px;background:linear-gradient(90deg,var(--accent),var(--accent2));width:0%;transition:width 1s ease}.demo-root .chart-bar-val{width:40px;text-align:right;color:var(--text);font-weight:500}.demo-root .pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;width:100%;max-width:860px}.demo-root .pricing-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:28px 24px;position:relative;transition:transform .3s ease}.demo-root .pricing-card:hover{transform:translateY(-4px)}.demo-root .pricing-card.featured{border-color:var(--accent);background:linear-gradient(160deg,#1a2040,var(--surface))}.demo-root .featured-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--accent);color:#fff;font-size:11px;font-weight:600;padding:4px 14px;border-radius:100px;letter-spacing:1px;text-transform:uppercase;white-space:nowrap}.demo-root .plan-name{font-family:Syne,sans-serif;font-weight:700;font-size:14px;letter-spacing:2px;text-transform:uppercase;color:var(--text-muted);margin-bottom:12px}.demo-root .plan-price{font-family:Syne,sans-serif;font-size:42px;font-weight:800;margin-bottom:4px}.demo-root .plan-period{font-size:13px;color:var(--text-muted);margin-bottom:20px}.demo-root .plan-features{list-style:none}.demo-root .plan-features li{padding:7px 0;font-size:13px;color:var(--text-muted);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:8px}.demo-root .plan-features li:before{content:"✓";color:var(--accent2);font-weight:700;flex-shrink:0}.demo-root .plan-cta{display:block;text-align:center;text-decoration:none;margin-top:20px;width:100%;padding:12px;border-radius:10px;border:1px solid var(--border);background:transparent;color:var(--text);font-family:Inter,sans-serif;font-weight:500;cursor:pointer;transition:all .2s;font-size:14px}.demo-root .pricing-card.featured .plan-cta{background:var(--accent);border-color:var(--accent)}.demo-root .controls{position:absolute;bottom:32px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--border);border-radius:100px;padding:8px 16px;z-index:50;box-shadow:0 8px 32px #0006}.demo-root .ctrl-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:18px;padding:4px 8px;border-radius:8px;transition:all .2s}.demo-root .ctrl-btn:hover{color:var(--text);background:var(--surface2)}.demo-root .ctrl-dots{display:flex;gap:6px}.demo-root .ctrl-dot{width:6px;height:6px;padding:0;border:none;border-radius:50%;background:var(--border);cursor:pointer;transition:all .3s}.demo-root .ctrl-dot.active{background:var(--accent);width:18px;border-radius:3px}.demo-root .slide-counter{font-size:12px;color:var(--text-muted);min-width:40px;text-align:center}.demo-root .autoplay-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:14px;padding:4px 8px;border-radius:8px;transition:all .2s}.demo-root .autoplay-btn.playing{color:var(--accent2)}.demo-root .timer-ring{position:absolute;bottom:26px;right:32px;width:44px;height:44px;z-index:51}.demo-root .timer-ring svg{transform:rotate(-90deg)}.demo-root .timer-ring circle{fill:none;stroke:var(--border);stroke-width:2}.demo-root .timer-ring .progress{stroke:var(--accent2);stroke-dasharray:113;stroke-dashoffset:113;transition:stroke-dashoffset .1s linear}.demo-root .anim-in{animation:demo-fadeUp .5s ease both}.demo-root .anim-in-delay-1{animation-delay:.1s}.demo-root .anim-in-delay-2{animation-delay:.2s}.demo-root .anim-in-delay-3{animation-delay:.3s}@keyframes demo-fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes demo-pop{0%{transform:scale(0)}70%{transform:scale(1.15)}to{transform:scale(1)}}@media(max-width:720px){.demo-root .slide{padding:56px 16px 90px;overflow-y:auto;justify-content:flex-start}.demo-root .logo-big{font-size:48px}.demo-root .slide-headline{font-size:26px}.demo-root .pos-container,.demo-root .email-demo{grid-template-columns:1fr}.demo-root .pos-left,.demo-root .email-sidebar{border-right:none;border-bottom:1px solid var(--border)}.demo-root .depot-grid,.demo-root .pricing-grid{grid-template-columns:1fr}.demo-root .stats-row{flex-direction:column}.demo-root .email-stats-grid{grid-template-columns:1fr 1fr}}@media(prefers-reduced-motion:reduce){.demo-root *,.demo-root *:before,.demo-root *:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}.nav-dropdown{position:relative;display:inline-block}.nav-dropdown-toggle{background:none;border:none;color:var(--fg-soft);font-family:inherit;font-weight:500;font-size:.95rem;cursor:pointer;padding:0;display:inline-flex;align-items:center;gap:4px}.nav-dropdown-toggle:hover{color:var(--fg)}.nav-dropdown-menu{position:absolute;top:100%;left:0;min-width:230px;background:var(--bg);border:1px solid var(--border);border-radius:12px;box-shadow:0 12px 32px #0000001f;padding:8px;display:none;flex-direction:column;gap:2px;z-index:60}.nav-dropdown:hover .nav-dropdown-menu,.nav-dropdown:focus-within .nav-dropdown-menu{display:flex}.nav-dropdown-menu a{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:8px;color:var(--fg-soft);font-size:.9rem;white-space:nowrap}.nav-dropdown-menu a:hover{background:var(--bg-elev);color:var(--fg)}.footer-features-row{max-width:1100px;margin:0 auto;padding:24px 24px 0;display:flex;gap:16px;align-items:baseline;flex-wrap:wrap}.footer-features-title{font-weight:700;font-size:.9rem;color:var(--fg)}.footer-features-row nav a{color:var(--fg-soft);font-size:.88rem}.footer-features-row nav a:hover{color:var(--fg)}.feature-page{max-width:860px;margin:0 auto;padding:64px 24px}.feature-hero{text-align:center}.feature-hero h1{font-size:clamp(2rem,5vw,3rem);margin:10px 0 16px;line-height:1.15}.feature-hero .lede{max-width:640px;margin:0 auto 24px}.feature-hero .hero-cta{justify-content:center}.feature-sections{display:flex;flex-direction:column;gap:20px;margin:48px 0}.feature-section{background:var(--bg-elev);border:1px solid var(--border);border-radius:16px;padding:28px}.feature-section h2{font-size:1.4rem;margin:0 0 10px}.feature-section>p{color:var(--fg-soft);margin:0}.feature-bullets{list-style:none;padding:0;margin:16px 0 0;display:grid;gap:8px}.feature-bullets li{position:relative;padding-left:26px;color:var(--fg-soft)}.feature-bullets li:before{content:"✓";position:absolute;left:0;color:var(--accent);font-weight:700}.feature-faq{margin:48px 0}.feature-faq h2{text-align:center;margin-bottom:16px}.feature-faq details{background:var(--bg-elev);border:1px solid var(--border);border-radius:12px;padding:14px 18px;margin-bottom:10px}.feature-faq summary{cursor:pointer;font-weight:600}.feature-faq details p{margin:10px 0 0;color:var(--fg-soft)}.feature-related{margin:48px 0;text-align:center}.feature-related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-top:16px}.feature-related-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px;border:1px solid var(--border);border-radius:12px;color:var(--fg);text-decoration:none;transition:border-color .12s,transform .12s}.feature-related-card:hover{border-color:var(--accent);transform:translateY(-2px)}.feature-related-icon{font-size:1.6rem}.feature-related-label{font-size:.85rem}