/* BuonaFama home page ("Vetrina", 10 Oct 2026). Loaded only on "/". Everything is scoped under .lp
   so the app and customer pages are not affected. Fonts come from style.css (self-hosted). */
@font-face{font-family:"Fraunces";src:url(/fonts/fraunces-italic.woff2) format("woff2");font-weight:100 900;font-style:italic;font-display:swap}

.lp{--lp-bg:#f4f6f3;--lp-surface:#fff;--lp-ink:#13201a;--lp-muted:#56635c;--lp-line:#dde3de;--lp-green:#1f5a43;--lp-green-2:#2f7a5b;--lp-deep:#0f2b20;--lp-gold:#e0a526;--lp-gold-2:#f3cd75;--lp-r:28px;
  background:var(--lp-bg);color:var(--lp-ink);font-size:17px;line-height:1.6;overflow-x:clip}
body:has(.lp){background:#f4f6f3}
.lp img{max-width:100%;height:auto;display:block}
.lp p{margin:0}
.lp h1,.lp h2,.lp h3{font-family:var(--display);font-weight:700;line-height:1.06;letter-spacing:-.02em;margin:0;text-wrap:balance}
.lp h1 em,.lp h2 em{font-style:italic;color:var(--lp-gold)}
.lp .wrap{max-width:1240px;margin:0 auto;padding-inline:20px}
.lp .pilot{background:var(--lp-deep);color:#dfeee6;font-size:14px}
.lp .pilot .wrap{padding-block:9px;display:flex;gap:6px 12px;justify-content:center;flex-wrap:wrap;text-align:center}
.lp .pilot a{color:var(--lp-gold-2);font-weight:600}

.lp .nav{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-block:16px}
.lp .navpill{display:flex;align-items:center;gap:26px;background:var(--lp-surface);border:1px solid var(--lp-line);border-radius:999px;padding:10px 12px 10px 22px}
.lp .navpill .logo{font-size:1.4rem;text-decoration:none}
.lp .navpill a:not(.logo){color:var(--lp-ink);text-decoration:none;font-size:15px}
.lp .navr{display:flex;gap:8px;align-items:center}
.lp .b{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 24px;border-radius:999px;font-weight:600;font-size:16px;text-decoration:none;white-space:nowrap;transition:transform .2s var(--ease-out),box-shadow .2s ease;border:0}
@media (hover:hover){.lp .b:hover{transform:translateY(-2px)}}
.lp .b:active{transform:scale(.98)}
.lp .b.gold{background:var(--lp-gold);color:#1d1503;box-shadow:0 10px 24px -12px rgba(224,165,38,.8)}
.lp .b.green{background:var(--lp-green);color:#fff}
.lp .b.glass{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.4)}
.lp .b.line{background:var(--lp-surface);color:var(--lp-ink);border:1px solid var(--lp-line)}
.lp .b.sm{min-height:42px;padding:0 18px;font-size:15px}

/* hero stage */
.lp .stage{position:relative;border-radius:36px;overflow:hidden;color:#fff;display:grid;grid-template-columns:1.05fr .95fr;gap:24px;min-height:620px;background:
  radial-gradient(80% 90% at 85% 20%,rgba(243,205,117,.35),transparent 60%),
  radial-gradient(70% 80% at 10% 100%,rgba(47,122,91,.9),transparent 60%),
  linear-gradient(135deg,#123a2b,#1f5a43 55%,#256b50)}
.lp .stage::after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.08) 1px,transparent 1px);background-size:22px 22px;pointer-events:none;-webkit-mask-image:linear-gradient(90deg,transparent,#000 60%);mask-image:linear-gradient(90deg,transparent,#000 60%)}
.lp .hero-copy{padding:72px 0 56px 64px;display:grid;align-content:center;gap:22px;position:relative;z-index:2}
.lp .hero-copy h1{font-size:clamp(1.85rem,4.3vw,4.1rem);max-width:none}
.lp .hero-copy .ln{display:block;white-space:nowrap}
.lp .hero-copy .lead2 .ln{white-space:normal}
@media (min-width:981px){.lp .hero-copy .lead2{max-width:none}.lp .hero-copy .lead2 .ln{white-space:nowrap}}
.lp .hero-copy p{font-size:1.2rem;color:#d6e8de;max-width:32ch}
.lp .hero-copy .row{display:flex;flex-wrap:wrap;gap:12px}
.lp .hero-copy .more{color:#d6e8de;font-size:15px}
.lp .hero-copy .more a{color:var(--lp-gold-2);font-weight:600}
.lp .hero-copy small{color:#b9d3c6;font-size:14px}
.lp .scene{position:relative;z-index:1;min-height:520px;display:block;padding:0}
.lp .phone{position:absolute;left:50%;top:48px;transform:translateX(-50%) rotate(-3deg);width:270px;background:#0b110e;border-radius:40px;padding:9px;box-shadow:0 40px 80px -30px rgba(0,0,0,.6)}
.lp .phone img{border-radius:32px}
.lp .fc{position:absolute;background:#fff;color:#14201a;border-radius:18px;padding:14px 16px;box-shadow:0 24px 50px -20px rgba(0,0,0,.45);font-size:14px;line-height:1.4;width:250px}
.lp .fc b{display:block;font-size:13px;color:#56635c;font-weight:600;margin-bottom:4px}
.lp .fc .st{color:var(--lp-gold);letter-spacing:2px;font-size:16px}
.lp .fc.fa{right:6%;top:70px;animation:lp-float 6s ease-in-out infinite}
.lp .fc.fb{left:2%;bottom:70px;width:280px;min-height:96px;animation:lp-float 7s ease-in-out infinite reverse}
.lp .fc.fx{right:4%;bottom:150px;width:220px;animation:lp-float 8s ease-in-out infinite}
.lp .fc .ok{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#1f7a4f;color:#fff;font-size:12px;margin-right:6px}
.lp .typing::after{content:"";display:inline-block;width:2px;height:1em;background:#1f5a43;margin-left:2px;vertical-align:-2px;animation:lp-blink 1s steps(1) infinite}
@keyframes lp-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@keyframes lp-blink{50%{opacity:0}}

/* platforms strip */
.lp .strip{margin-top:28px;display:grid;gap:10px;text-align:center}
.lp .strip p{font-size:14px;color:var(--lp-muted)}
.lp .marquee{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.lp .track{display:flex;gap:12px;width:max-content;animation:lp-scroll 40s linear infinite}
.lp .chip{white-space:nowrap;border:1px solid var(--lp-line);background:var(--lp-surface);border-radius:999px;padding:10px 20px;font-weight:600;font-size:15px}
.lp .chip i{font-style:normal;color:var(--lp-muted);font-weight:500;margin-left:6px;font-size:13px}
@keyframes lp-scroll{to{transform:translateX(-50%)}}

/* facts */
.lp .facts{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:72px}
.lp .fact{border-top:2px solid var(--lp-green);padding-top:16px}
.lp .fact .n{font-family:var(--display);font-size:clamp(2.4rem,5vw,3.6rem);font-weight:700;letter-spacing:-.03em;color:var(--lp-green);line-height:1}
.lp .fact p{color:var(--lp-muted);margin-top:8px}

/* feature rows */
.lp .feat{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:center;padding-block:56px}
.lp .feat.flip{grid-template-columns:1.1fr .9fr}
.lp .feat.flip .txt{order:2}
.lp .txt{display:grid;gap:16px;align-content:center}
.lp .txt .k{font-size:14px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--lp-green-2)}
.lp .txt h2{font-size:clamp(2rem,3.8vw,3.1rem)}
.lp .txt h2 em{color:var(--lp-green-2)}
.lp .txt p{color:var(--lp-muted);max-width:44ch}
.lp .txt ul{margin:4px 0 0;padding:0;list-style:none;display:grid;gap:10px}
.lp .txt li{padding-left:18px;border-left:2px solid var(--lp-line)}
.lp .panel{position:relative;border-radius:var(--lp-r);min-height:440px;overflow:hidden;padding:36px;display:grid;place-items:center}
.lp .p-gold{background:radial-gradient(70% 70% at 80% 10%,#fbe3a6,transparent 60%),linear-gradient(140deg,#f0be4f,#e0a526 60%,#c98b14)}
.lp .p-green{background:radial-gradient(60% 70% at 15% 15%,rgba(255,255,255,.18),transparent 60%),linear-gradient(140deg,#2f7a5b,#1f5a43 60%,#123a2b)}
.lp .p-deep{background:radial-gradient(70% 60% at 85% 0%,rgba(224,165,38,.28),transparent 60%),linear-gradient(160deg,#16352a,#0b1d16)}
.lp .p-mint{background:linear-gradient(140deg,#e9f4ee,#cfe6da)}
.lp .shadow{box-shadow:0 30px 60px -30px rgba(0,0,0,.5)}
.lp .lp-poster{width:44%;border-radius:10px;transform:rotate(-6deg) translateX(-30%);background:#fff}
.lp .mini-phone{position:absolute;right:12%;bottom:-40px;width:200px;background:#0b110e;border-radius:30px;padding:7px;transform:rotate(5deg)}
.lp .mini-phone img{border-radius:24px}
.lp .scan{position:absolute;left:18%;top:24%;width:30%;height:30%;border:3px solid #fff;border-radius:14px;animation:lp-scan 3.2s ease-in-out infinite}
@keyframes lp-scan{0%,100%{opacity:.25;transform:scale(.96)}50%{opacity:1;transform:scale(1)}}
.lp .alertbox{width:min(100%,380px);display:grid;gap:14px}
.lp .card2{background:#fff;color:#14201a;border-radius:18px;padding:16px 18px;font-size:15px;line-height:1.45}
.lp .card2 b{display:block;font-size:13px;color:#56635c;margin-bottom:4px}
.lp .card2.notif2{display:flex;gap:12px;align-items:flex-start}
.lp .card2 .ic{flex:none;width:38px;height:38px;border-radius:10px;background:var(--lp-green);color:#fff;display:grid;place-items:center;font-weight:700;font-family:var(--display)}
.lp .ring{animation:lp-ring 2.8s ease-in-out infinite}
@keyframes lp-ring{0%,70%,100%{transform:none}75%{transform:rotate(-2deg)}80%{transform:rotate(2deg)}85%{transform:rotate(-1deg)}}
.lp .pill{display:inline-block;background:#e4f0e9;color:#1f5a43;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:700;margin-top:8px}
.lp .ex{position:absolute;left:20px;top:16px;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#1f5a43;opacity:.7}
.lp .reply{width:min(100%,430px);position:relative}
.lp .reply img{border-radius:16px}
.lp .tagb{position:absolute;right:-14px;top:-14px;background:var(--lp-gold);color:#1d1503;border-radius:999px;padding:8px 14px;font-weight:700;font-size:14px;animation:lp-pulse 2.4s ease-in-out infinite}
@keyframes lp-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.07)}}
.lp .lp-stack{position:absolute;left:-24px;bottom:-26px;display:grid;gap:8px}
.lp .lp-stack span{background:#fff;color:#14201a;border-radius:12px;padding:8px 12px;font-size:13px;font-weight:600;box-shadow:0 10px 24px -14px rgba(0,0,0,.5)}
.lp .ai{width:min(100%,460px);background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:22px;padding:22px;color:#fff}
.lp .ai .q{font-size:14px;color:#cfe1d7;margin-bottom:14px}
.lp .ai .head{display:flex;gap:16px;align-items:center;margin-bottom:16px}
.lp .donut{width:76px;height:76px;border-radius:50%;background:conic-gradient(var(--lp-gold) 75%,rgba(255,255,255,.15) 0);display:grid;place-items:center;flex:none}
.lp .donut span{width:58px;height:58px;border-radius:50%;background:#0f251c;display:grid;place-items:center;font-weight:700}
.lp .rows{display:grid;gap:8px}
.lp .r{display:flex;justify-content:space-between;align-items:center;background:rgba(255,255,255,.08);border-radius:12px;padding:10px 14px;font-weight:600}
.lp .r em{font-style:normal;font-weight:600;font-size:13px;border-radius:999px;padding:3px 10px}
.lp .yes{background:#1f7a4f;color:#fff}
.lp .no{background:rgba(255,255,255,.14);color:#e9d1c6}
.lp .play .r{animation:lp-in .6s cubic-bezier(.2,.8,.2,1) both}
.lp .play .r:nth-child(2){animation-delay:.25s}.lp .play .r:nth-child(3){animation-delay:.5s}.lp .play .r:nth-child(4){animation-delay:.75s}
@keyframes lp-in{from{opacity:.2;transform:translateX(18px)}to{opacity:1;transform:none}}
.lp .ai small{display:block;color:#a9c2b5;font-size:12px;margin-top:12px}
.lp .fan{position:relative;width:min(100%,420px);aspect-ratio:1}
.lp .fan img{position:absolute;width:62%;border-radius:16px;top:19%;left:19%;transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.lp .fan img:nth-child(1){transform:rotate(-12deg) translateX(-28%)}
.lp .fan img:nth-child(2){transform:rotate(10deg) translateX(28%)}
.lp .fan img:nth-child(3){transform:translateY(-4%)}
@media (hover:hover){.lp .fan:hover img:nth-child(1){transform:rotate(-16deg) translateX(-36%)}.lp .fan:hover img:nth-child(2){transform:rotate(14deg) translateX(36%)}}

/* Sicily band */
.lp .local{border-radius:36px;position:relative;overflow:hidden;display:grid;grid-template-columns:1.2fr .8fr;gap:32px;align-items:center;padding:56px;color:#fff;
  background:radial-gradient(60% 90% at 100% 0%,rgba(243,205,117,.3),transparent 60%),linear-gradient(150deg,#1f5a43,#0f2b20)}
.lp .local h2{font-size:clamp(2rem,4vw,3.2rem);max-width:18ch}
.lp .local p{color:#dce9e2;margin-top:12px;max-width:52ch}
.lp .local .row{display:flex;gap:10px 18px;flex-wrap:wrap;margin-top:22px;align-items:center}
.lp .local .row a:not(.b){color:var(--lp-gold-2);font-weight:600}
.lp .local .lp-side{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:22px;padding:24px;display:grid;gap:8px}
.lp .local .lp-side b{font-size:1.1rem}
.lp .local .lp-side a{color:var(--lp-gold-2);font-weight:600}

/* plans, faq, final */
.lp .sec{padding-block:88px}
.lp .sec h2.big{font-size:clamp(2.2rem,4.4vw,3.6rem)}
.lp .sec h2.big em{color:var(--lp-green-2)}
.lp .plans2{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:36px}
.lp .plan2{background:var(--lp-surface);border:1px solid var(--lp-line);border-radius:var(--lp-r);padding:34px;display:grid;gap:14px;align-content:start}
.lp .plan2.feat2{background:linear-gradient(160deg,#1f5a43,#123a2b);color:#fff;border:0}
.lp .plan2.feat2 .who,.lp .plan2.feat2 li{color:#d6e8de}
.lp .who{color:var(--lp-muted)}
.lp .price2{font-family:var(--display);font-size:3rem;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.03em;line-height:1.1}
.lp .price2 small{font-family:var(--body);font-size:15px;font-weight:500;letter-spacing:0;opacity:.75}
.lp .plan2 ul{margin:0;padding:0;list-style:none;display:grid;gap:9px}
.lp .plan2 ul.check{margin:4px 0 8px}
.lp .plan2.feat2 ul.check li::before{border-color:var(--lp-gold)}
.lp .plan2 .b{justify-self:start;margin-top:6px}
.lp .plan2 .t-sm{font-size:14px}
.lp .plan2.feat2 .t-sm a{color:var(--lp-gold-2)}
.lp .note{color:var(--lp-muted);font-size:15px;margin-top:18px}
.lp .faq2{display:grid;grid-template-columns:.8fr 1.2fr;gap:48px}
.lp .faq2 details{border-bottom:1px solid var(--lp-line);padding-block:18px}
.lp .faq2 summary{cursor:pointer;font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:16px;font-size:1.05rem}
.lp .faq2 summary::-webkit-details-marker{display:none}
.lp .faq2 summary::after{content:"+";color:var(--lp-green);font-size:24px;line-height:1;transition:transform .2s}
.lp .faq2 details[open] summary::after{transform:rotate(45deg)}
.lp .faq2 p{color:var(--lp-muted);margin-top:10px}
.lp .final{border-radius:36px;padding:72px 48px;text-align:center;color:#fff;background:radial-gradient(60% 100% at 50% 0%,rgba(243,205,117,.35),transparent 70%),linear-gradient(160deg,#1f5a43,#0f2b20)}
.lp .final h2{font-size:clamp(2.2rem,4.6vw,3.8rem)}
.lp .final p{color:#d6e8de;margin:14px auto 30px;max-width:44ch}
.lp .final .row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.lp footer.site{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;color:var(--lp-muted);font-size:14px;padding-block:32px}
.lp .lp-rv.go{animation:lp-rise .8s cubic-bezier(.2,.8,.2,1) both}
@keyframes lp-rise{from{opacity:.35;transform:translateY(24px)}to{opacity:1;transform:none}}

@media (max-width:980px){
  .lp .stage{grid-template-columns:1fr;min-height:0}
  .lp .hero-copy{padding:44px 24px 0}
  .lp .scene{min-height:540px}
  .lp .feat,.lp .feat.flip{grid-template-columns:1fr;gap:28px;padding-block:40px}
  .lp .feat.flip .txt{order:0}
  .lp .plans2,.lp .faq2,.lp .local{grid-template-columns:1fr}
  .lp .facts{grid-template-columns:1fr}
  .lp .navpill a.hide{display:none}
  .lp .panel{min-height:360px;padding:24px}
  .lp .local{padding:32px 24px}
  .lp .final{padding:48px 22px}
}
@media (max-width:520px){
  .lp .navpill{padding:8px 14px}
  .lp .navpill .logo{font-size:1.2rem}
  .lp .nav{gap:8px}
  .lp .navr{gap:6px}
  .lp .b.sm{padding:0 14px;min-height:40px}
  .lp .fc{width:210px;font-size:13px}
  .lp .fc.fb{width:230px;left:4px;bottom:24px}
  .lp .fc.fa{right:4px;top:20px}
  .lp .fc.fx{display:none}
  .lp .phone{width:230px}
  .lp .mini-phone{width:150px}
}
@media (prefers-reduced-motion:reduce){
  .lp *,.lp *::before,.lp *::after{animation:none!important;transition:none!important}
  .lp .track{flex-wrap:wrap;width:auto;justify-content:center}
  .lp .track .dup{display:none}
}

/* IT / EN switch */
.lp .lang-sw{font:600 13px/1 Inter,sans-serif;color:var(--ink,#13201a);text-decoration:none;padding:9px 10px;border-radius:999px;letter-spacing:.04em}
.lp .lang-sw:hover,.lp .lang-sw:focus-visible{background:rgba(31,90,67,.08)}