/* V20. Art direction: warm copper, ink surfaces, generous type and precise edges.
   Keep the cinematic demonstrations, with a quieter frame around real content. */
:root{--surface-20:#102031;--edge-20:#b9ccdd2b;--ink-20:#eaf0f4;--copper-20:#efad7b}
.chapter,.pastry-scene,.segment-showcase{padding-block:clamp(72px,8vw,118px)}
h2{font-weight:600;letter-spacing:-.045em;text-wrap:balance}
.chapter-heading h2,.restaurant-intro h2,.food-copy h2,.cost-intro h2,.support-copy h2,.consultant-copy h2,.faq-section h2,.contact-copy h2{font-weight:600;letter-spacing:-.045em;font-size:clamp(32px,4vw,58px);line-height:1.12!important}
h2 em{color:var(--copper-20)}
.chapter-heading>p:last-child,.restaurant-intro>p,.food-copy>p:not(.eyebrow),.cost-intro>p:not(.eyebrow){line-height:1.8;color:#bac9d6;max-width:50ch}
.restaurant-intro>p{max-width:35ch}
.chapter-heading .eyebrow{margin-bottom:22px}
.solution-copy h3,.phase-copy h3{font-weight:600;letter-spacing:-.035em}
.eyebrow{letter-spacing:.11em!important}
/* Shared interaction language, without heavy stacked bevels. */
body .button,body .line-button{border-radius:16px;font-weight:600;letter-spacing:.015em;max-width:100%;white-space:normal;line-height:1.5;box-shadow:inset 0 1px #ffffff25,0 8px 20px #0003;transform-style:flat}
body .button{background:linear-gradient(115deg,#ffb16f,#ff8b45);border-color:#ffd0a478;color:#102030}
body .line-button{background:#142739;border-color:#9bbacf42;backdrop-filter:none}
body .button:before,body .line-button:before{background:linear-gradient(110deg,transparent 30%,#ffffff18,transparent 70%);opacity:.6}
body .button:hover,body .line-button:hover{transform:translateY(-2px);border-color:#efc098;box-shadow:inset 0 1px #ffffff40,0 10px 25px #0004}
body .button>span,body .line-button>span{border:0;background:transparent;border-radius:0;width:25px;height:28px;font-size:22px}
body .button:active,body .line-button:active{transform:translateY(0);box-shadow:inset 0 1px #ffffff20,0 3px 8px #0003}
.header-contact{box-shadow:none}
/* Map: the business is the focus, the software connects its departments. */
.operation-map .map-hub{width:194px;max-width:27%;background:radial-gradient(circle at 32% 18%,#466074,#172d42 48%,#081524 88%);border-color:#c5dce975;box-shadow:inset 0 1px 8px #d9efff25,0 18px 45px #0008,0 0 65px #7ebfe01b}
.operation-map .hub-core{padding:12px 9px;width:100%;min-width:0}
.operation-map .hub-core strong{display:block;font-size:27px;font-weight:600;line-height:1.12;letter-spacing:-.04em;text-transform:none;margin:0;color:#f6f2ec;text-shadow:0 2px 8px #0005}
.operation-map .hub-core span{font-size:10px;font-weight:600;letter-spacing:.015em;line-height:1.45;margin:13px auto 0;color:#ffc08d;max-width:13ch;text-transform:none}
.operation-map .map-node{background:linear-gradient(110deg,#172b3ce8,#0c1b2baa);border:1px solid #a9cce02c;border-radius:15px;box-shadow:inset 0 1px #d7e9f509,0 6px 16px #0002}
.operation-map .map-node:before{display:none}
.operation-map .map-node:after{opacity:0}
.operation-map .map-node b{font-weight:600;color:#e5edf3;letter-spacing:-.015em}
.operation-map .map-node small{color:#b0c4d4}
.operation-map .map-node svg{border-radius:10px;background:#1a3246;border-color:#b4d3e62b;box-shadow:none}
.operation-map .map-node:hover{background:#1b3245;border-color:#9dbbd382;filter:none;box-shadow:0 8px 24px #0003}
.operation-map .map-node.is-active{background:linear-gradient(110deg,#3b302a,#1a2634);border-color:#eab0848a;box-shadow:inset 3px 0 #efb182,0 8px 24px #0003}
.operation-map .map-node.is-active svg{background:#47392d;border-color:#d9b18b69;stroke:#ffcf9f;box-shadow:none}
.operation-map .map-detail{background:#102031;border-color:var(--edge-20);border-radius:20px;box-shadow:0 14px 40px #0002;padding:32px}
.map-panel h3{font-weight:600;letter-spacing:-.035em;font-size:29px}
.map-panel li{font-size:13px;line-height:1.65;padding-block:12px;color:#d0dce5}
.map-panel li>span{font-size:11px;color:#e3b188}
.map-note{color:#a8bfce;line-height:1.8}
/* Before / after cards retain cracks and restoration, with cleaner typography. */
.restaurant-experience .scene-marker.person-card{box-shadow:inset 0 1px #dce7e22b,0 12px 25px #0009;border-bottom-width:1px}
.restaurant-experience .person-card .person-copy{padding:12px 13px 10px}
.restaurant-experience .person-card .person-copy>span{font-weight:600;font-size:10px;letter-spacing:.005em;line-height:1.45}
.restaurant-experience .person-card .person-copy>small{font-size:10px;line-height:1.55}
.restaurant-experience .person-card .person-number{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:#081426c9;color:#fff0dc;line-height:1;font-style:normal;border:1px solid #fff3}
.restaurant-experience .person-card .card-fracture{stroke:#e2efff50}
.restaurant-experience .person-card .fracture-main{stroke:#edf5ff91}
.restaurant-experience:is([data-state=rebuilding],[data-state=connected]) .scene-marker.person-card{border-radius:15px;background:linear-gradient(135deg,#1c3547f5,#0b1c2af5);border-color:#c0dfed80;box-shadow:inset 0 1px #ecf9ff45,0 14px 30px #0007,0 0 18px #a5e1ed12}
.restaurant-experience .restaurant-reasons article{border:1px solid #aec5d52c;border-radius:20px;background:linear-gradient(145deg,#182637,#0e1a28);padding:28px;box-shadow:0 12px 30px #0002;transition:border-color .35s,background .35s}
.restaurant-experience .restaurant-reasons article:hover{transform:none;border-color:#c9b09a80;box-shadow:0 12px 30px #0002}
.restaurant-experience .restaurant-reasons h4{font-size:22px;font-weight:600;line-height:1.35;margin:26px 0 14px;letter-spacing:-.025em}
.restaurant-experience .restaurant-reasons p{font-size:14px;line-height:1.75;color:#bbc8d5}
.restaurant-experience .restaurant-reasons .reason-result{font-size:12px;color:#d7c5b8;border-color:#b7c5d524;padding-top:18px}
.restaurant-experience[data-state=connected] .restaurant-reasons article{border-color:#87bdc654;background:linear-gradient(140deg,#162e3c,#10202e)}
.restaurant-experience[data-state=connected] .restaurant-reasons .reason-result{color:#c0e4d8}
/* Product screens are level and have their own centered caption. */
.solution-tabs{border-radius:18px;background:#0c1928;border-color:var(--edge-20);box-shadow:none;gap:5px}
.solution-tabs button{border-radius:12px;font-weight:600}
.solution-tabs button[aria-selected=true]{background:#efb17e;box-shadow:none;border-color:#ffcba1}
.solution-panel{border-radius:22px;border-color:var(--edge-20);background:#0b1827;box-shadow:0 20px 50px #0002}
.solution-visual{grid-template-rows:auto auto auto auto;background:radial-gradient(ellipse at 50% 40%,#264457,#11283b 58%,#0b1c2b);border-color:var(--edge-20)}
.solution-visual #solution-image,.solution-visual[data-product="1"] #solution-image,.solution-visual.dashboard-view #solution-image{transform:none;filter:drop-shadow(0 16px 18px #0005)}
.solution-visual .product-heading{justify-content:center;text-align:center;gap:6px;flex-direction:column;font-size:10px}
.solution-visual .product-heading>span:first-child{font-size:8px;color:#b0c3d1;letter-spacing:.11em}
.solution-visual .product-heading #product-name{font-size:14px;line-height:1.5;color:#f1e6db;font-weight:600}
.solution-visual .screen-options{justify-content:center}
.solution-visual .screen-options button{border-radius:11px;background:#102537;border-color:#b5cdda35;box-shadow:none;min-height:44px}
.solution-visual .screen-options button[aria-pressed=true]{background:#e4c6a9;border-color:#e4c6a9;color:#102131}
.solution-visual .workflow{justify-content:center;text-align:center}
.solution-copy{min-width:0}
.solution-copy .solution-index{font-size:68px;line-height:1;color:#efb17e30;letter-spacing:-.07em}
.food-controls button{border-radius:13px;box-shadow:inset 0 1px #dbe9f512;background:#122738;border-color:#a9c4d62e}
.food-controls button.active{background:#efb17e;border-color:#ffca9f;box-shadow:0 6px 16px #0002}
.food-stage .food-stage-visual{border-radius:22px;border:1px solid #a7c3d32e;background:radial-gradient(ellipse at 50% 45%,#234156,#102436 68%);box-shadow:0 20px 45px #0003}
.food-stage .phase-monitor{background:transparent;box-shadow:none;border:0}
.food-stage .phase-monitor>#phase-screen-label{font-size:12px;font-weight:600;letter-spacing:.025em;color:#f1dfcb}
.cost-frame{border-radius:22px;border-color:var(--edge-20);box-shadow:0 18px 40px #0003}
.cost-outcomes>div{min-width:0}
.cost-outcomes strong{font-weight:600}
/* FAQ and contact read like a personal consultation, with stable open states. */
.faq-items details{padding:0 18px;border:1px solid transparent;border-bottom-color:#c0d2df25;border-radius:12px;transition:background .2s,border-color .2s}
.faq-items details[open]{padding-inline:18px;background:#122536;border-color:#9ab9cf45;border-radius:12px}
.faq-items summary{font-size:15px;line-height:1.6;padding-block:22px}
.faq-items details>p{font-size:14px;color:#c0cfda;line-height:1.8;padding-bottom:24px}
.lead-form{background:#112334;border-radius:22px;border-color:#bbcfde30;box-shadow:0 20px 55px #0003}
.form-grid input,.form-grid select{border-radius:10px;background:#091a2b;border-color:#adc6d13b;min-height:49px}
.form-grid label{font-weight:600;color:#cfdae3}
.form-title>p{font-weight:600;line-height:1.35}
.support-copy h2{font-size:clamp(32px,3.5vw,51px)}
.support-film{box-shadow:0 25px 55px #0005;border-color:#b4cdd450}
@media(max-width:1000px){.operation-map .hub-core strong{font-size:23px}.operation-map .hub-core span{font-size:9px;margin-top:10px}.map-panel li{font-size:12px}.restaurant-experience .restaurant-reasons article{padding:24px}.restaurant-experience .restaurant-reasons h4{font-size:20px}}
@media(max-width:700px){.chapter,.pastry-scene,.segment-showcase{padding-block:70px}.chapter-heading h2,.restaurant-intro h2,.food-copy h2,.cost-intro h2,.support-copy h2,.consultant-copy h2,.faq-section h2,.contact-copy h2{font-size:clamp(30px,7.9vw,44px);letter-spacing:-.045em;line-height:1.15!important}.operation-map .map-hub{width:114px;max-width:29%}.operation-map .hub-core{padding:6px}.operation-map .hub-core strong{font-size:16px}.operation-map .hub-core span{font-size:7.5px;line-height:1.35;max-width:12ch;margin-top:7px}.operation-map .map-node{border-radius:12px}.operation-map .map-detail{padding:25px 20px}.map-panel h3{font-size:26px}.map-panel li{font-size:12px;padding-block:10px}.faq-items details,.faq-items details[open]{padding-inline:13px}.faq-items summary{font-size:14px}.food-stage .phase-monitor>#phase-screen-label{font-size:11px}.solution-copy .solution-index{font-size:54px}}
@media(max-width:600px){body .button,body .line-button{border-radius:14px}.restaurant-experience .person-card .person-copy{padding:9px 10px}.restaurant-experience .person-card .person-copy>span{font-size:9px;line-height:1.45}.restaurant-experience .person-card .person-copy>small{font-size:9px;line-height:1.5}.restaurant-experience .person-card .person-number{width:22px;height:22px;font-size:9px}.operation-map .map-hub{width:96px;max-width:29%}.operation-map .hub-core strong{font-size:13px;letter-spacing:-.04em}.operation-map .hub-core span{font-size:7px;margin-top:6px}.operation-map .map-node b{font-size:10px}.solution-visual .product-heading #product-name{font-size:13px}.solution-visual .screen-options button{font-size:10px}.restaurant-experience .restaurant-reasons article{padding:25px}.restaurant-experience .restaurant-reasons h4{font-size:22px}.solution-tabs button{font-size:12px;padding-inline:10px}.map-panel ul{gap:3px 12px}}
@media(max-width:360px){.operation-map .map-hub{width:82px}.operation-map .hub-core strong{font-size:11px}.operation-map .hub-core span{font-size:6.5px}.operation-map .map-detail{padding:23px 17px}.operation-map .map-node b{font-size:9px}.operation-map .map-node small{font-size:7px}.chapter-heading h2,.restaurant-intro h2,.food-copy h2,.cost-intro h2,.support-copy h2,.consultant-copy h2,.faq-section h2,.contact-copy h2{font-size:28px}}
@media(prefers-reduced-motion:reduce){body .button:hover,body .line-button:hover{transform:none}}
/* Keep the messaging action recognizably green within the copper CTA system. */
body .direct-contact .whatsapp-button{background:linear-gradient(115deg,#205c49,#164535);color:#edfff6;border-color:#80c9a66b;box-shadow:inset 0 1px #dcffe41f,0 10px 25px #0003}
body .direct-contact .whatsapp-button:hover{background:#25654e;border-color:#b0eacb}
body .direct-contact .whatsapp-button>span{background:transparent;color:#c8f4dc}
.direct-contact:target .whatsapp-button{box-shadow:0 0 0 4px #80c9a61c,0 10px 25px #0003}
.solution-copy .solution-index{opacity:1}
.segment-story h2,.pastry-copy h2{font-weight:600;letter-spacing:-.045em;line-height:1.15!important}