/* Shared Octo brand, small contextual cues. No animation or external assets. */
#per-chi .sector-card{position:relative;overflow:hidden;background:var(--sector-paper);border-color:var(--sector-edge);border-top:3px solid var(--sector-edge)}
.card-lidi,.sector-lidi{--sector-paper:#f0fafb;--sector-edge:#b2dce3;--sector-warm:#fbf7ee}
.card-ristoranti,.sector-ristoranti{--sector-paper:#fcf8f2;--sector-edge:#dacebd;--sector-warm:#f6eee2}
.card-takeaway,.sector-takeaway{--sector-paper:#f1f6fe;--sector-edge:#b6cbef;--sector-warm:#edf7f3}
.card-hotel,.sector-hotel{--sector-paper:#f7f8fc;--sector-edge:#ccd4e5;--sector-warm:#f0f2f8}
#per-chi .sector-card .solution-name{position:relative;z-index:1}
#per-chi .sector-card .solution-name .commercial-icon{width:28px;height:28px;flex-basis:28px}
#per-chi .sector-card-mark{height:35px;margin:10px 0 4px;display:flex;align-items:center;color:#316595}
#per-chi .sector-card-mark svg{display:block;width:145px;height:38px;max-width:100%}
#per-chi .card-lidi .sector-card-mark{margin-inline:-18px;padding-left:18px;background:linear-gradient(0deg,#e0f3f5,transparent)}
#per-chi .card-ristoranti .sector-card-mark{border-bottom:1px solid #dacebd;padding-bottom:4px}
#per-chi .card-takeaway{border-top-color:var(--accent)}
#per-chi .card-hotel .sector-card-mark{border-left:2px solid #ccd4e5;padding-left:6px}
#per-chi .sector-card p{margin-top:6px}
#per-chi .sector-card .solution-benefits{margin-top:10px}
/* Context is carried by surfaces and service diagrams; hero content is unchanged. */
.sector-lidi .vertical-hero{background:linear-gradient(112deg,#f7fbfc 56%,#edf8fa)}
.sector-ristoranti .vertical-hero{background:linear-gradient(112deg,#fcfaf6 56%,#f7f0e6)}
.sector-takeaway .vertical-hero{background:linear-gradient(112deg,#f7fafd 56%,#edf3ff)}
.sector-hotel .vertical-hero{background:linear-gradient(112deg,#fcfcfe 56%,#f2f4fa)}
.sector-page .sector-glance{border-color:var(--sector-edge)}
.sector-page .route-icon{width:32px;height:32px;flex:0 0 32px;color:var(--accent)}
.sector-page .route-step{font-variant-numeric:tabular-nums}
.sector-page .benefit-icon{width:30px;height:30px;flex:0 0 30px;color:var(--accent)}
.sector-page .benefits-section{background:var(--sector-paper)}
.sector-page .features article{border-top-color:var(--sector-edge)}
.sector-page .features p:not(.benefit-for){font-size:15px;line-height:1.6}
.sector-page .sector-note{border-color:var(--sector-edge)}
/* Beach: the umbrella is a physical origin, the bar is a destination. */
.sector-lidi #percorso{background:linear-gradient(0deg,var(--sector-warm),#fff 60%)}
.sector-lidi .route{position:relative;gap:22px}
.sector-lidi .route:before{content:"";position:absolute;left:18px;right:18px;top:20px;height:1px;background:var(--sector-edge)}
.sector-lidi .route li{position:relative;border:0;padding:0;display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.sector-lidi .route li>span.route-step{position:absolute;top:1px;left:42px;font-size:11px;width:24px;height:24px;background:#fff}
.sector-lidi .route-icon{position:relative;background:#fff;padding:7px;border:1px solid var(--sector-edge);border-radius:14px;width:42px;height:42px;flex-basis:42px}
.sector-lidi .route h3{margin-top:0}.sector-lidi .route p{margin-top:6px}
.sector-lidi .features{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.sector-lidi .features article{display:flex;gap:14px;border:0;padding:0}.sector-lidi .features h3{font-size:22px}
.sector-lidi .sector-note{margin-top:24px}
/* Restaurant: a menu/service pair precedes a calm six-stage progression. */
.restaurant-service-band{padding:28px 0 8px;background:#fff}
.service-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid #dacebd;border-radius:12px;overflow:hidden}
.service-pair article{display:flex;gap:18px;padding:24px;background:#fcf8f2;min-width:0}
.service-pair article:first-child{background:#061a3a;color:#fff}
.service-pair .benefit-icon{width:32px;height:32px;flex:0 0 32px;color:var(--accent)}
.service-pair article:first-child .benefit-icon{color:#fff}.service-pair article:first-child .benefit-for{color:#c8d9ee}
.service-pair h3{font-size:23px;line-height:1.2}.service-pair p:not(.benefit-for){margin-top:8px;font-size:15px;line-height:1.6;color:#4a6685}
.service-pair article:first-child p:not(.benefit-for){color:#e2eaf3}
.sector-ristoranti .route{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.sector-ristoranti .route li{border:0;border-bottom:1px solid #dacebd;padding:14px 0;position:relative;gap:12px;background:none}
.sector-ristoranti .route li>span.route-step{width:20px;height:20px;font-size:11px;position:absolute;right:0;top:10px;background:#f6eee2}
.sector-ristoranti .route li>div{padding-right:20px}.sector-ristoranti .route li:last-child{background:none}
.sector-ristoranti .features article{display:flex;gap:16px;padding-top:20px}
/* Take-away: a real sequence of statuses, no simulated product screen. */
.sector-takeaway #percorso{background:#f7fafd}
.sector-takeaway .flow-layout{grid-template-columns:minmax(0,.9fr) minmax(0,1.4fr)}
.queue-legend{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px;max-width:340px}
.queue-legend span{font-size:12px;font-weight:600;padding:5px 9px;border:1px solid #b6cbef;border-radius:20px;background:#fff;color:#234e83}
.queue-legend span:last-child{border-color:#b5d5c9;background:#edf7f3;color:#205f49}
.sector-takeaway .route{display:flex;flex-direction:column;gap:0;position:relative;margin-top:0}
.sector-takeaway .route:before{content:"";position:absolute;top:18px;bottom:18px;left:18px;border-left:1px dashed #9bb8df}
.sector-takeaway .route li{position:relative;align-items:flex-start;padding:0 0 18px;border:0;gap:14px}
.sector-takeaway .route li:last-child{padding-bottom:0}
.sector-takeaway .route-icon{position:relative;flex:0 0 38px;width:38px;height:38px;padding:8px;background:#fff;border:1px solid #b6cbef;border-radius:10px}
.sector-takeaway .route li>span.route-step{position:absolute;width:22px;height:22px;left:26px;top:-5px;background:#e7f0fe;font-size:10px;z-index:1}
.sector-takeaway .route h3{margin-top:0}.sector-takeaway .route p{margin-top:4px}
.sector-takeaway .features{gap:20px 30px}.sector-takeaway .features article{display:flex;gap:14px;padding-top:16px}
.sector-takeaway .features h3{font-size:22px}
/* Hotel: two quiet lanes, the guest's choice handed to the restaurant staff. */
.sector-hotel .flow-layout{display:block}
.guest-staff-journey{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px;margin-top:24px}
.journey-lane{min-width:0}.lane-title{font-size:20px;padding-bottom:14px;border-bottom:1px solid #ccd4e5;margin-bottom:18px}
.journey-lane:first-child .lane-title{color:var(--accent)}
.sector-hotel .journey-lane .route{border:0;gap:18px;margin:0}
.sector-hotel .journey-lane .route li{padding:0;gap:14px;min-width:0}
.sector-hotel .journey-lane .route-icon{width:36px;height:36px;flex:0 0 36px;padding:7px;background:#f0f2f8;border-radius:50%}
.sector-hotel .journey-lane .route h3{margin-top:0}
.sector-hotel .features{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
.sector-hotel .features article{border-top:0;border-left:1px solid #ccd4e5;padding:0 0 0 20px}
.sector-hotel .features article .benefit-icon{margin-bottom:14px}
.sector-hotel .features h3{font-size:23px}.sector-hotel .sector-note{margin-top:26px}
@media(max-width:1024px){.sector-lidi .route{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.sector-lidi .features article{display:block}.sector-lidi .benefit-icon{margin-bottom:12px}.sector-lidi .route h3{font-size:17px}.sector-hotel .features{gap:20px}}
@media(max-width:850px){.sector-lidi .route{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.sector-lidi .route:before{display:none}.sector-lidi .features,.sector-hotel .features{grid-template-columns:1fr}.sector-lidi .features article{display:flex}.sector-lidi .benefit-icon{margin-bottom:0}.sector-takeaway .flow-layout{display:block}.queue-legend{margin:14px 0 24px;max-width:none}.sector-hotel .features article{display:flex;gap:18px}.sector-hotel .features article .benefit-icon{margin:0}.guest-staff-journey{gap:28px}}
@media(max-width:600px){
#per-chi .sector-card{padding:14px 16px;display:grid;grid-template-columns:1fr 90px;column-gap:8px}
#per-chi .sector-card .solution-name{grid-column:1;align-self:center}#per-chi .sector-card-mark{grid-column:2;grid-row:1;margin:0!important;padding:0 0 0 4px!important;height:38px}
#per-chi .sector-card-mark svg{width:90px;height:38px}#per-chi .sector-card p,#per-chi .sector-card .solution-benefits,#per-chi .sector-card .text-link{grid-column:1 / -1}
#per-chi .sector-card p{font-size:14px;margin-top:6px}#per-chi .sector-card .solution-benefits{font-size:13px;gap:4px 12px;margin-top:8px}
.sector-page .features p:not(.benefit-for){font-size:15px}.sector-page .benefit-icon{width:28px;height:28px;flex-basis:28px}
.sector-lidi .route{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 18px}.sector-lidi .route li:last-child{grid-column:1 / -1}.sector-lidi .route h3{font-size:18px}
.sector-lidi .features,.sector-hotel .features{gap:22px}.sector-lidi .features h3{font-size:21px}
.restaurant-service-band{padding:20px 0 0}.service-pair{grid-template-columns:1fr}.service-pair article{gap:14px;padding:18px}.service-pair h3{font-size:21px}.service-pair .benefit-icon{width:28px;height:28px;flex-basis:28px}
.sector-ristoranti .route{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px}.sector-ristoranti .route li{display:block;padding:8px 0 12px;border-radius:0}.sector-ristoranti .route-icon{width:28px;height:28px;margin-bottom:10px}.sector-ristoranti .route li>div{padding-right:0}.sector-ristoranti .route li:last-child{padding:8px 0 12px}
.sector-ristoranti .route h3{font-size:18px;margin-top:0}.sector-ristoranti .features article{gap:14px}.sector-ristoranti .features h3{font-size:21px}
.sector-takeaway .route{margin-top:0}.sector-takeaway .route li{padding-bottom:18px}.sector-takeaway .route h3{font-size:19px}.sector-takeaway .route p{font-size:14px}.queue-legend{gap:6px}.queue-legend span{font-size:12px}
.sector-takeaway .features h3{font-size:21px}.sector-takeaway .features{gap:20px}.sector-takeaway .features article{gap:12px}
.guest-staff-journey{grid-template-columns:1fr;gap:24px;margin-top:20px}.lane-title{font-size:19px;margin-bottom:16px;padding-bottom:10px}.sector-hotel .journey-lane .route{gap:16px}.sector-hotel .journey-lane .route li{padding:0}.sector-hotel .journey-lane .route h3{font-size:18px}.sector-hotel .journey-lane .route p{font-size:14px;margin-top:4px}.sector-hotel .features article{padding-left:14px;gap:14px}.sector-hotel .features h3{font-size:21px}
}
.sector-page .route li>span.route-step{font-size:12px}