: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)}.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}.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)}.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}.topbar nav{gap:14px}.topbar nav a:not(.cta){display:none}.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}}
