/* ==========================================================
   Boxevia · stili del sito
   ========================================================== */

@font-face{font-family:"Barlow Condensed";font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/barlow-condensed-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"Barlow Condensed";font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/barlow-condensed-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:"Barlow Condensed";font-style:normal;font-weight:800;font-display:swap;src:url(../fonts/barlow-condensed-latin-800-normal.woff2) format("woff2")}
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/ibm-plex-sans-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/ibm-plex-sans-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/ibm-plex-sans-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/ibm-plex-mono-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/ibm-plex-mono-latin-600-normal.woff2) format("woff2")}

:root{
	--ink:#0E1822;
	--ink-2:#16232F;
	--ink-3:#1F3140;
	--line:#26384A;
	--line-2:#3A4E61;
	--paper:#F4F6F8;
	--mist:#EEF2F5;
	--gray:#A9B7C4;
	--gray-2:#C9D3DC;
	--slate:#3E4B57;
	--slate-2:#4A5866;
	--rule:#D3DAE1;
	--hot:#FF6B1A;
	--hot-2:#FF8A47;
	--hot-ink:#C2410C;
	--yellow:#F2C14E;
	--green:#1E6B34;
	--amber:#8A4B08;
	--head:"Barlow Condensed",system-ui,sans-serif;
	--body:"IBM Plex Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
	--mono:"IBM Plex Mono",ui-monospace,Menlo,Consolas,monospace;
	--ease-out:cubic-bezier(.23,1,.32,1);
	--hdr:72px;
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--hdr) + 12px);-webkit-text-size-adjust:100%}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--ink);color:var(--paper);font-family:var(--body);font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img,svg{max-width:100%}
a{color:var(--hot)}
a:hover{color:var(--hot-2)}
:focus-visible{outline:3px solid var(--hot);outline-offset:3px;border-radius:4px}
h1,h2,h3{text-wrap:balance}
p{text-wrap:pretty}

.bx-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.bx-skip{position:absolute;left:12px;top:-60px;z-index:100;padding:12px 18px;border-radius:6px;background:var(--hot);color:var(--ink);font-weight:600;text-decoration:none}
.bx-skip:focus{top:12px}

.bx-wrap{max-width:1280px;margin:0 auto;padding:0 24px}
.bx-wrap--narrow{max-width:880px}
.bx-stack{display:flex;flex-direction:column;gap:40px}

.bx-kicker{display:inline-block;margin:0;font-family:var(--mono);font-weight:600;font-size:14px;letter-spacing:.04em;text-transform:uppercase;color:var(--hot-ink)}
.bx-kicker--hot{color:var(--hot)}
.bx-h1{margin:6px 0 0;font-family:var(--head);font-weight:800;font-size:clamp(44px,6vw,80px);line-height:.95;text-transform:uppercase;letter-spacing:.01em}
.bx-h2{margin:8px 0 0;font-family:var(--head);font-weight:800;font-size:clamp(40px,4.6vw,62px);line-height:.98;text-transform:uppercase;letter-spacing:.01em}
.bx-h2--narrow{max-width:780px}
.bx-muted{color:var(--gray);font-size:18px;max-width:480px;margin:0}
.bx-hot{color:var(--hot)}
.bx-green{color:var(--green)}
.bx-amber{color:var(--amber)}

/* ---------- Bottoni ---------- */
.bx-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 24px;border:0;border-radius:8px;background:var(--hot);color:var(--ink);font:inherit;font-weight:600;font-size:16px;text-decoration:none;cursor:pointer;transition:background-color 160ms ease,transform 160ms var(--ease-out),box-shadow 160ms ease;-webkit-tap-highlight-color:transparent}
.bx-btn:hover{background:var(--hot-2);color:var(--ink)}
.bx-btn:active{transform:scale(.97)}
.bx-btn--sm{min-height:44px;padding:0 18px;font-size:15px}
.bx-btn--lg{min-height:56px;padding:0 30px;font-size:18px}
.bx-btn--block{width:100%}
.bx-btn--ghost{background:transparent;color:var(--paper);box-shadow:inset 0 0 0 2px var(--paper)}
.bx-btn--ghost:hover{background:rgba(244,246,248,.1);color:var(--paper)}
.bx-btn--wa{margin-top:8px;align-self:flex-start;background:#25D366;color:#06301A}
.bx-btn--wa:hover{background:#3BE07A;color:#06301A}

/* ---------- Testata ---------- */
.bx-header{position:sticky;top:0;z-index:50;background:rgba(14,24,34,.94);-webkit-backdrop-filter:saturate(1.4) blur(10px);backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--line)}
.admin-bar .bx-header{top:32px}
@media (max-width:782px){.admin-bar .bx-header{top:46px}}
.bx-header__in{height:var(--hdr);display:flex;align-items:center;justify-content:space-between;gap:24px}
.bx-brand{display:inline-flex;align-items:center;gap:10px;color:var(--paper);text-decoration:none}
.bx-brand:hover{color:var(--paper)}
.bx-mark{flex:none;color:var(--gray)}
.bx-brand__name{font-family:var(--head);font-weight:800;font-size:30px;line-height:1;letter-spacing:.02em;text-transform:uppercase}
.bx-brand__name span{color:var(--hot)}
.bx-nav{display:flex;align-items:center;gap:4px 22px;font-size:15px;font-weight:500}
.bx-nav a:not(.bx-btn){display:inline-flex;align-items:center;min-height:44px;color:var(--paper);text-decoration:none;transition:color 160ms ease}
.bx-nav a:not(.bx-btn):hover{color:var(--hot)}
.bx-nav__login{padding-left:22px;border-left:1px solid var(--line)}
.bx-menu-btn{display:none}

@media (max-width:900px){
	.bx-menu-btn{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;margin-right:-8px;border:0;border-radius:8px;background:transparent;color:var(--paper);cursor:pointer}
	.bx-menu-btn__bars,.bx-menu-btn__bars::before,.bx-menu-btn__bars::after{display:block;width:22px;height:2px;border-radius:2px;background:currentColor;transition:transform 200ms var(--ease-out),opacity 160ms ease}
	.bx-menu-btn__bars{position:relative}
	.bx-menu-btn__bars::before,.bx-menu-btn__bars::after{content:"";position:absolute;left:0}
	.bx-menu-btn__bars::before{top:-7px}
	.bx-menu-btn__bars::after{top:7px}
	.bx-menu-btn[aria-expanded="true"] .bx-menu-btn__bars{background:transparent}
	.bx-menu-btn[aria-expanded="true"] .bx-menu-btn__bars::before{transform:translateY(7px) rotate(45deg)}
	.bx-menu-btn[aria-expanded="true"] .bx-menu-btn__bars::after{transform:translateY(-7px) rotate(-45deg)}
	.bx-nav{position:absolute;left:0;right:0;top:100%;flex-direction:column;align-items:stretch;gap:0;padding:8px 24px 24px;background:var(--ink);border-bottom:1px solid var(--line);font-size:18px;opacity:0;transform:translateY(-8px);visibility:hidden;transition:opacity 200ms var(--ease-out),transform 200ms var(--ease-out),visibility 0s linear 200ms}
	.bx-nav.is-open{opacity:1;transform:none;visibility:visible;transition:opacity 200ms var(--ease-out),transform 200ms var(--ease-out)}
	.bx-nav a:not(.bx-btn){min-height:52px;border-bottom:1px solid var(--line)}
	.bx-nav__login{padding-left:0;border-left:0}
	.bx-nav .bx-btn{margin-top:16px;min-height:52px}
	.no-js .bx-nav{position:static;opacity:1;visibility:visible;transform:none}
}

/* ==========================================================
   Il viaggio del pacco (animazione allo scorrimento)
   ========================================================== */
.bx-story{position:relative;height:560vh;min-height:4200px}
.bx-pin{position:sticky;top:var(--hdr);height:calc(100vh - var(--hdr));height:calc(100svh - var(--hdr));min-height:480px;overflow:hidden;background:var(--ink-2)}
.admin-bar .bx-pin{top:calc(var(--hdr) + 32px)}

.bx-stage{position:absolute;left:50%;top:50%;width:max(100%, calc((100svh - var(--hdr)) * 1.778));aspect-ratio:16/9;transform:translate(-50%,-50%);overflow:hidden;background:var(--ink-2);font-size:clamp(10px,1.05vw,18px)}
/* Telefono in verticale: la scena è più grande e la "telecamera" segue il pacco */
@media (max-aspect-ratio:1/1){
	.bx-stage{width:160%;top:46%;transform:translate(-31.25%,-50%);font-size:clamp(8px,2.3vw,13px)}
	.bx-pin{background:linear-gradient(var(--ink-2) 0 calc(46% + 28.8vw), var(--ink-3) calc(46% + 28.8vw))}
	.bx-stage .bx-note{left:37%;width:30%}
}
.bx-stage__cols{position:absolute;left:0;right:0;top:0;height:82%;display:grid;grid-template-columns:repeat(8,minmax(0,1fr))}
.bx-stage__cols span{border-right:1px solid #1D2D3B}
.bx-stage__floor{position:absolute;left:0;right:0;top:82%;bottom:0;background:var(--ink-3)}
.bx-stage__hazard{position:absolute;left:0;right:0;top:82%;height:1.6%;background:repeating-linear-gradient(135deg,var(--yellow) 0 14px,var(--ink) 14px 28px)}
.bx-s{position:absolute}
.bx-shelf-post{top:14%;width:.9%;height:68%;background:#5E7286}
.bx-shelf-beam{left:4%;width:26%;height:2%;background:var(--hot)}
.bx-tag{top:7%;padding:.3em .7em;border-radius:4px;background:var(--yellow);color:var(--ink);font-family:var(--mono);font-weight:600;white-space:nowrap}
.bx-table{left:52%;top:66%;width:18%;height:2.4%;background:#8395A7;border-radius:2px}
.bx-table-leg{top:68.4%;width:.8%;height:13.6%;background:#5E7286}

.bx-layer{position:absolute;inset:0;pointer-events:none;will-change:transform}
.bx-pallet{position:absolute;left:0;top:79%;width:22%;height:3%;display:flex;flex-direction:column;justify-content:space-between}
.bx-pallet__top{height:35%;background:#B07A4A;border-radius:2px}
.bx-pallet__feet{height:35%;display:flex;justify-content:space-between}
.bx-pallet__feet span{width:12%;background:#8C5E3C}

.bx-box{position:absolute;left:0;top:0;width:6%;height:10.67%;transform-origin:50% 100%}
.bx-box__body{position:relative;width:100%;height:100%;background:#C98F55;border:2px solid #A8763F;border-radius:3px;transition:border-color 200ms ease,box-shadow 200ms ease}
.bx-box.is-picked .bx-box__body{border-color:var(--hot-ink);box-shadow:0 0 0 3px rgba(255,107,26,.4)}
.bx-box__tape{position:absolute;left:42%;top:0;width:16%;height:100%;background:#A8733F}
.bx-box__label{position:absolute;left:12%;top:50%;width:58%;height:34%;display:flex;align-items:center;gap:6%;padding:0 8%;background:#fff;border-radius:2px;opacity:0}
.bx-box__label span{height:60%;background:var(--ink)}
.bx-box__label span:nth-child(1),.bx-box__label span:nth-child(5){width:8%}
.bx-box__label span:nth-child(2),.bx-box__label span:nth-child(4){width:4%}
.bx-box__label span:nth-child(3){width:10%}

.bx-op{position:absolute;left:0;top:57%;width:7%;height:25%}
.bx-op svg{display:block}
.bx-scan{position:absolute;left:60%;top:44%;display:flex;align-items:center;gap:.4em;padding:.35em .7em;border-radius:4px;background:#E6F4EA;color:var(--green);font-family:var(--mono);font-weight:600;white-space:nowrap}
.bx-van{position:absolute;left:0;top:62.4%;width:22%;height:19.6%}
.bx-van svg{display:block}
.bx-note{position:absolute;left:72%;top:15%;width:25%;padding:.9em 1em;border-radius:8px;background:#fff;color:var(--ink);box-shadow:0 14px 30px rgba(0,0,0,.35);display:flex;flex-direction:column;gap:.25em}
.bx-note__k{font-family:var(--mono);font-weight:600;color:var(--hot-ink)}
.bx-note__t{font-weight:600}
.bx-note__s{color:var(--slate-2)}
[data-bx="note"],[data-bx="scan"]{opacity:0}

.bx-intro{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(14,24,34,.9)}
.bx-intro__in{max-width:1000px;display:flex;flex-direction:column;align-items:center;gap:24px;text-align:center}
.bx-hero-title{margin:0;font-family:var(--head);font-weight:800;font-size:clamp(44px,min(7.4vw,13vh),124px);line-height:.9;text-transform:uppercase;letter-spacing:.01em}
.bx-hero-title span{color:var(--hot)}
.bx-intro__lead{margin:0;max-width:620px;font-size:clamp(17px,1.6vw,22px);color:var(--gray-2)}
.bx-intro__cta{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
.bx-scroll-hint{display:flex;align-items:center;gap:8px;margin-top:8px;font-family:var(--mono);font-size:14px;text-transform:uppercase;letter-spacing:.04em}
.bx-scroll-hint svg{animation:bx-nudge 1.6s var(--ease-out) infinite}
@keyframes bx-nudge{0%,100%{transform:translateY(0)}50%{transform:translateY(4px)}}

.bx-bar{position:absolute;left:0;right:0;bottom:0;z-index:3;padding:0 24px 24px;display:flex;justify-content:center;opacity:0}
.bx-bar__in{width:100%;max-width:1400px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;padding:18px 24px;border-radius:12px;background:rgba(14,24,34,.92);border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.bx-bar__caps{position:relative;flex:1 1 520px;min-width:0;min-height:76px}
.bx-cap{position:absolute;inset:0;display:flex;align-items:center;gap:18px;opacity:0;transform:translateY(8px);transition:opacity 220ms var(--ease-out),transform 220ms var(--ease-out)}
.bx-cap.is-on{opacity:1;transform:none}
.bx-cap.is-past{transform:translateY(-8px)}
.bx-cap__n{font-family:var(--mono);font-weight:600;font-size:15px;color:var(--hot);white-space:nowrap}
.bx-cap__txt{display:flex;flex-direction:column}
.bx-cap__txt strong{font-family:var(--head);font-weight:700;font-size:clamp(26px,2.4vw,36px);line-height:1.05;text-transform:uppercase;letter-spacing:.01em}
.bx-cap__txt span{font-size:clamp(15px,1.2vw,18px);color:var(--gray-2)}
.bx-bar__dots{margin:0;padding:0;list-style:none;display:flex;gap:6px}
.bx-bar__dots li{width:40px;height:6px;border-radius:2px;background:var(--line);transition:background-color 220ms ease}
.bx-bar__dots li.is-on{background:var(--hot)}
@media (max-width:640px){
	.bx-bar{padding:0 12px 12px}
	.bx-bar__in{padding:14px 16px;gap:10px}
	.bx-bar__caps{flex-basis:100%;min-height:96px}
	.bx-cap{align-items:flex-start;gap:12px}
	.bx-cap__n{font-size:13px;padding-top:6px}
	.bx-bar__dots{width:100%}
	.bx-bar__dots li{flex:1;width:auto}
	.bx-intro__cta .bx-btn{width:100%}
}

/* Senza animazioni: scena ferma e passaggi in elenco */
.bx-static .bx-story{height:auto;min-height:0}
.bx-static .bx-pin{position:relative;top:auto;height:auto;min-height:0;display:flex;flex-direction:column}
.bx-static .bx-stage{position:relative;left:auto;top:auto;transform:none;width:100%}
.bx-static .bx-intro{position:relative;inset:auto;order:-1;padding:72px 24px;background:var(--ink)}
.bx-static .bx-bar{position:relative;opacity:1;padding:24px}
.bx-static .bx-bar__caps{min-height:0;display:flex;flex-direction:column;gap:18px}
.bx-static .bx-cap{position:relative;inset:auto;opacity:1;transform:none}
.bx-static .bx-bar__dots,.bx-static .bx-scroll-hint{display:none}

/* ---------- Numeri ---------- */
.bx-facts{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.bx-facts__in{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:0}
.bx-fact{padding:30px 24px;display:flex;flex-direction:column;gap:4px;color:var(--gray)}
.bx-fact + .bx-fact{border-left:1px solid var(--line)}
.bx-fact__n{font-family:var(--head);font-weight:800;font-size:46px;line-height:1;color:var(--paper)}
.bx-fact__n.bx-hot{color:var(--hot)}
@media (max-width:820px){
	.bx-facts__in{grid-template-columns:repeat(2,minmax(0,1fr))}
	.bx-fact:nth-child(3){border-left:0}
	.bx-fact:nth-child(n+3){border-top:1px solid var(--line)}
}

/* ---------- Sezioni ---------- */
.bx-sec{padding:112px 0;background:var(--ink)}
.bx-sec--light{background:var(--mist);color:var(--ink)}
.bx-sec--white{background:#fff;color:var(--ink)}
@media (max-width:640px){.bx-sec{padding:80px 0}}
.bx-sec__head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px 40px}
.bx-sec__head > div{max-width:660px}
.bx-sec__head p{margin:0;max-width:420px;font-size:18px;color:var(--slate)}
.bx-split{display:flex;flex-wrap:wrap;gap:56px;align-items:center}
.bx-split--top{align-items:flex-start}
.bx-split__text{flex:1 1 380px;min-width:0;display:flex;flex-direction:column;gap:16px}

/* ---------- Demo area clienti ---------- */
.bx-demo{background:#fff;border:1px solid var(--rule);border-radius:16px;box-shadow:0 30px 70px rgba(14,24,34,.14);overflow:hidden}
.bx-demo__bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding:14px 22px;background:var(--ink);color:var(--paper)}
.bx-demo__brand{display:flex;align-items:center;gap:10px}
.bx-demo__brand strong{font-family:var(--head);font-weight:800;font-size:21px;text-transform:uppercase}
.bx-demo__brand span{font-size:14px;color:var(--gray)}
.bx-demo__tag{font-family:var(--mono);font-size:12px;color:var(--gray);text-transform:uppercase}
.bx-demo__body{padding:22px;display:flex;flex-direction:column;gap:20px}
.bx-demo__kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px}
.bx-kpi{padding:16px 18px;border:1px solid var(--rule);border-radius:10px;display:flex;flex-direction:column;gap:2px}
.bx-kpi span{font-size:14px;color:var(--slate-2)}
.bx-kpi strong{font-family:var(--head);font-weight:800;font-size:38px;line-height:1.05;font-variant-numeric:tabular-nums}
.bx-demo__tabs{display:flex;flex-wrap:wrap;gap:8px}
.bx-tab{min-height:44px;padding:0 18px;border-radius:8px;border:1px solid #8E9BA8;background:#fff;color:var(--ink);font:inherit;font-size:15px;font-weight:600;cursor:pointer;transition:background-color 160ms ease,color 160ms ease,transform 160ms var(--ease-out)}
.bx-tab:hover{border-color:var(--ink)}
.bx-tab:active{transform:scale(.97)}
.bx-tab[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:#fff}
.bx-demo__main{display:flex;flex-wrap:wrap;gap:20px;align-items:flex-start}
.bx-demo__table{flex:999 1 560px;min-width:0;overflow-x:auto;border:1px solid var(--rule);border-radius:10px}
.bx-demo__table table{width:100%;min-width:600px;border-collapse:collapse;font-size:15px}
.bx-demo__table th{text-align:left;padding:12px 14px;font-weight:600;background:var(--paper)}
.bx-demo__table td{padding:12px 14px;border-top:1px solid #E3E7EB;vertical-align:middle}
.bx-demo__table tr.is-sel td{background:#FFF4EC}
.bx-demo__table small{font-size:13px;color:var(--slate-2)}
.bx-oid{min-height:44px;padding:0 8px;margin:-10px -8px;border:0;background:transparent;font:inherit;font-family:var(--mono);font-weight:600;color:var(--ink);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.bx-oid:hover{color:var(--hot-ink)}
.bx-pill{display:inline-block;padding:3px 10px;border-radius:999px;font-size:13px;font-weight:600;white-space:nowrap}
.bx-pill--da_preparare{background:#FCF0E3;color:var(--amber)}
.bx-pill--preparato{background:#E5F0FA;color:#0A4B78}
.bx-pill--spedito{background:#E6F4EA;color:var(--green)}
.bx-demo__det{flex:1 1 300px;min-width:0;border:1px solid var(--rule);border-radius:10px;padding:20px;display:flex;flex-direction:column;gap:14px}
.bx-det__top{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap}
.bx-det__id{font-family:var(--mono);font-weight:600;font-size:18px}
.bx-det__who{color:var(--slate)}
.bx-det__steps{margin:0;padding:0;list-style:none}
.bx-det__steps li{display:flex;align-items:center;gap:12px;padding:10px 0;border-top:1px solid #E3E7EB;color:var(--slate-2)}
.bx-det__steps li.is-done{color:var(--ink)}
.bx-det__dot{flex:none;width:12px;height:12px;border-radius:50%;border:2px solid #8E9BA8;background:#fff}
.is-done .bx-det__dot{border-color:var(--green);background:var(--green)}
.bx-det__steps li span:nth-child(2){flex:1}
.bx-det__time{font-family:var(--mono);font-size:13px;color:var(--slate-2)}
.bx-det__trk{font-family:var(--mono);font-size:13px;color:var(--slate)}
.bx-det-enter{animation:bx-det-in 220ms var(--ease-out)}
@keyframes bx-det-in{from{opacity:.4;transform:translateY(4px)}to{opacity:1;transform:none}}

/* ---------- Prezzi ---------- */
.bx-promo{margin-top:8px;padding:20px 22px;border:2px dashed var(--hot);border-radius:12px;display:flex;flex-direction:column;gap:6px;max-width:480px;font-size:18px;font-weight:600}
.bx-promo__k{font-family:var(--mono);font-weight:600;font-size:13px;color:var(--hot);text-transform:uppercase}
.bx-price{flex:1 1 520px;min-width:0;background:#fff;color:var(--ink);border-radius:12px;overflow:hidden;box-shadow:0 30px 70px rgba(0,0,0,.4)}
.bx-price__head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 22px;border-bottom:3px solid var(--ink);font-family:var(--head);font-weight:800;font-size:26px;text-transform:uppercase}
.bx-barcode{display:flex;gap:3px;height:30px}
.bx-barcode i{background:var(--ink)}
.bx-price table{width:100%;border-collapse:collapse;font-size:16px}
.bx-price caption{text-align:left;padding:12px 22px 0;font-family:var(--mono);font-size:12px;color:var(--slate-2);text-transform:uppercase}
.bx-price th{text-align:left;font-weight:500;padding:14px 22px}
.bx-price td{text-align:right;padding:14px 22px;font-family:var(--mono);font-weight:600;white-space:nowrap;font-variant-numeric:tabular-nums}
.bx-price tr + tr{border-top:1px solid #E3E7EB}

/* ---------- Perché ---------- */
.bx-grid4{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:2px;background:var(--rule);border:2px solid var(--rule);border-radius:12px;overflow:hidden}
.bx-card{background:#fff;padding:28px;display:flex;flex-direction:column;gap:10px}
.bx-card__n{font-family:var(--mono);font-weight:600;color:var(--hot-ink)}
.bx-card h3{margin:0;font-size:21px;font-weight:600}
.bx-card p{margin:0;color:var(--slate)}

/* ---------- Domande ---------- */
.bx-faq{border-top:2px solid var(--ink)}
.bx-faq details{border-bottom:1px solid var(--rule)}
.bx-faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:68px;padding:8px 0;font-size:19px;font-weight:600}
.bx-faq summary::-webkit-details-marker{display:none}
.bx-faq summary span{position:relative;flex:none;width:18px;height:18px}
.bx-faq summary span::before,.bx-faq summary span::after{content:"";position:absolute;left:0;top:8px;width:18px;height:2px;background:var(--hot-ink);transition:transform 200ms var(--ease-out)}
.bx-faq summary span::after{transform:rotate(90deg)}
.bx-faq details[open] summary span::after{transform:rotate(0)}
.bx-faq summary:hover{color:var(--hot-ink)}
.bx-faq p{margin:0 0 22px;max-width:680px;color:var(--slate)}

/* ---------- Contatti e modulo ---------- */
.bx-contacts{margin:12px 0 0;display:grid;grid-template-columns:auto 1fr;gap:10px 20px;font-size:16px}
.bx-contacts dt{font-family:var(--mono);font-size:13px;line-height:1.9;color:var(--gray);text-transform:uppercase}
.bx-contacts dd{margin:0}
.bx-contacts a{color:var(--paper)}
.bx-form{flex:1 1 460px;min-width:0;background:var(--ink-2);border:1px solid var(--line);border-radius:14px;padding:28px;display:flex;flex-direction:column;gap:16px}
.bx-field{display:flex;flex-direction:column;gap:6px}
.bx-field label{font-size:15px;font-weight:600}
.bx-opt{font-weight:400;color:var(--gray)}
.bx-field input,.bx-field select,.bx-field textarea{min-height:48px;padding:10px 14px;border:1px solid var(--line-2);border-radius:8px;background:var(--ink);color:var(--paper);font:inherit;transition:border-color 160ms ease,box-shadow 160ms ease}
.bx-field textarea{resize:vertical}
.bx-field input::placeholder,.bx-field textarea::placeholder{color:#7D8E9E}
.bx-field input:focus,.bx-field select:focus,.bx-field textarea:focus{outline:0;border-color:var(--hot);box-shadow:0 0 0 3px rgba(255,107,26,.25)}
.bx-field.is-bad input{border-color:#FF8A80}
.bx-check{display:flex;gap:10px;align-items:flex-start;font-size:15px;color:var(--gray-2);cursor:pointer}
.bx-check input{width:20px;height:20px;margin:2px 0 0;accent-color:var(--hot);flex:none}
.bx-check a{color:var(--paper)}
.bx-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.bx-form__msg{padding:14px 16px;border-radius:8px;font-size:16px}
.bx-form__msg--ok{background:#E6F4EA;color:#14532D}
.bx-form__msg--err{background:#FDECEA;color:#8A1F1F}

/* ---------- Piè di pagina ---------- */
.bx-footer{border-top:1px solid var(--line);color:var(--gray);font-size:15px}
.bx-footer__in{display:grid;grid-template-columns:1.4fr 1fr;gap:20px 40px;padding-top:40px;padding-bottom:32px}
.bx-footer__brand p{margin:12px 0 0;max-width:360px}
.bx-footer__links{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 24px;justify-content:flex-end;align-self:center}
.bx-footer__links a{display:inline-flex;align-items:center;min-height:44px;color:var(--paper);text-decoration:none}
.bx-footer__links a:hover{color:var(--hot)}
.bx-footer__legal{grid-column:1/-1;margin:0;padding-top:20px;border-top:1px solid var(--line);font-size:14px}
@media (max-width:700px){.bx-footer__in{grid-template-columns:1fr}.bx-footer__links{justify-content:flex-start}}

/* ==========================================================
   Pagine interne, area clienti, privacy
   ========================================================== */
.bx-page__head{padding:64px 0 40px;border-bottom:1px solid var(--line);background:radial-gradient(1200px 300px at 85% 0, rgba(255,107,26,.12), transparent 60%),var(--ink)}
.bx-page__body{padding-top:48px;padding-bottom:96px}
.bx-page--area .bx-page__body,.bx-page:not(.bx-404) .bx-page__body{background:transparent}
.bx-page{background:var(--mist);color:var(--ink)}
.bx-page .bx-page__head{color:var(--paper)}
.bx-page .bx-kicker{color:var(--hot)}
.bx-prose{max-width:760px;font-size:18px}
.bx-prose h2{margin:40px 0 12px;font-family:var(--head);font-weight:800;font-size:32px;line-height:1.05;text-transform:uppercase}
.bx-prose a{color:var(--hot-ink)}
.bx-prose li{margin-bottom:8px}
.bx-area-card{background:#fff;border:1px solid var(--rule);border-radius:16px;padding:32px;box-shadow:0 20px 50px rgba(14,24,34,.08)}
@media (max-width:640px){.bx-area-card{padding:20px;border-radius:12px}}
.bx-404{min-height:60vh;display:flex;align-items:center;background:var(--ink);color:var(--paper)}
.bx-404__in{padding-top:96px;padding-bottom:96px;display:flex;flex-direction:column;align-items:flex-start;gap:18px}
.bx-404 p{color:var(--gray);font-size:19px;margin:0;max-width:520px}
.bx-post{padding:24px 0;border-bottom:1px solid var(--rule)}
.bx-post h2{margin:0}
.bx-post__date{color:var(--slate-2);font-size:14px}

/* L'area clienti del plugin con i colori Boxevia */
.bx-area-card .spf-area{--spf-ink:#0E1822;--spf-muted:#4A5866;--spf-line:#D3DAE1;--spf-soft:#F4F6F8;--spf-accent:#C2410C;font-family:var(--body)}
.bx-area-card .spf-area h2{font-family:var(--head);font-weight:800;font-size:40px;line-height:1;text-transform:uppercase;letter-spacing:.01em}
.bx-area-card .spf-area h3{font-family:var(--head);font-weight:700;font-size:26px;text-transform:uppercase;letter-spacing:.01em}
.bx-area-card .spf-kicker{font-family:var(--mono);letter-spacing:.04em}
.bx-area-card .spf-num{font-family:var(--head);font-weight:800;font-size:40px;font-variant-numeric:tabular-nums}
.bx-area-card .spf-tabs{gap:2px;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:thin}
.bx-area-card .spf-tabs a{white-space:nowrap}
.bx-area-card .spf-btn{background:var(--hot);color:var(--ink);transition:background-color 160ms ease,transform 160ms var(--ease-out)}
.bx-area-card .spf-btn:hover{background:var(--hot-2)}
.bx-area-card .spf-btn:active{transform:scale(.97)}
.bx-area-card .spf-area #loginform input[type=submit]{background:var(--hot);color:var(--ink)}
.bx-area-card .spf-area #loginform input[type=submit]:hover{background:var(--hot-2)}
.bx-area-card .spf-form input:focus,.bx-area-card .spf-form select:focus,.bx-area-card .spf-form textarea:focus,.bx-area-card #loginform input:focus{outline:0;border-color:var(--hot-ink);box-shadow:0 0 0 3px rgba(194,65,12,.18)}
.bx-area-card .spf-table thead th{font-weight:600;font-size:14px}
.bx-area-card .spf-badge{border-radius:999px}

@media (max-width:640px){
	.bx-demo__kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
	.bx-kpi{padding:12px 14px}
	.bx-kpi strong{font-size:30px}
	.bx-demo__brand span{display:none}
	.bx-demo__body{padding:16px}
	.bx-price th,.bx-price td{padding:12px 16px}
	.bx-price td{white-space:normal}
	.bx-form{padding:20px}
	.bx-btn--lg{font-size:17px;padding:0 20px}
}
@media (prefers-reduced-motion:reduce){
	*,*::before,*::after{animation-duration:1ms !important;animation-iteration-count:1 !important;transition-duration:1ms !important}
}
.bx-page--area .bx-page__head{padding:36px 0 28px}
.bx-page--area .bx-h1{font-size:clamp(36px,4vw,52px)}
.bx-page--area .bx-page__body{padding-top:32px}