﻿/* PathenBot subpage brand system — does not affect the homepage */
:root{--pb-black:#050607;--pb-ink:#101418;--pb-surface:#151a1f;--pb-mist:#edf3f7;--pb-cyan:#72ecff;--pb-line:rgba(255,255,255,.13)}
body{background:var(--pb-black);font-family:"IBM Plex Sans","Segoe UI",Arial,sans-serif}.pb-nav{height:78px;border-bottom:1px solid rgba(255,255,255,.12);background:rgba(5,6,7,.96);padding-inline:clamp(24px,5vw,88px)}.pb-logo img{width:132px}.pb-links{gap:34px}.pb-links>a,.pb-toggle{font-size:11px;letter-spacing:.16em}.pb-drop{top:calc(100% + 1px);background:linear-gradient(180deg,#171c21,#242a30);border:1px solid rgba(255,255,255,.12);box-shadow:0 22px 55px rgba(0,0,0,.45)}
main{overflow:hidden}footer{min-height:250px!important;height:auto!important;background:#050607!important;border-top:1px solid rgba(255,255,255,.12);padding:52px max(25px,calc((100vw - 1220px)/2))!important}footer .brand img{filter:brightness(0) invert(1)}footer>a:last-of-type{border:1px solid var(--pb-cyan);padding:13px 19px!important;text-decoration:none!important}footer small{color:#9ba9b2!important}
@media(max-width:760px){.pb-nav{height:66px;padding-inline:20px}.pb-links{top:66px}.pb-logo img{width:112px}footer{padding:38px 24px!important}}

/* PathenBot unified visual system */
:root{--pb-nav-font:13px}.pb-links>a,.pb-toggle{font-family:"Arial Narrow","Bahnschrift Condensed","Roboto Condensed",Arial,sans-serif;font-size:var(--pb-nav-font);font-weight:700;line-height:1.45;letter-spacing:.07em}
.pb-drop{top:calc(100% - 6px);width:232px;padding:0;background:transparent;border:0;box-shadow:none;backdrop-filter:none}.pb-drop a{padding:7px 0;font-family:"Arial Narrow","Bahnschrift Condensed","Roboto Condensed",Arial,sans-serif;font-size:var(--pb-nav-font);font-weight:700;line-height:1.45;letter-spacing:.07em;text-shadow:0 2px 7px rgba(0,0,0,.85)}
/* Match the homepage navigation baseline on every subpage. */
.pb-nav{height:68px;min-height:68px}.pb-logo img{width:118px}@media(max-width:760px){.pb-nav{height:60px;min-height:60px}.pb-links{top:60px}.pb-logo img{width:105px}}

/* Product-card typography: decisive titles, quieter specifications. */
.product-grid article h2,.catering-robots-grid article h2,.catering-grid article h2,.value-card h2{font-family:"IBM Plex Sans","Segoe UI",Arial,sans-serif;font-size:clamp(20px,1.45vw,23px);font-weight:700;line-height:1.08;letter-spacing:-.03em;margin:21px 20px 10px}.product-grid article p,.catering-robots-grid article p,.catering-grid article p,.value-card p{font-family:"IBM Plex Sans","Segoe UI",Arial,sans-serif;font-size:14px;font-weight:400;line-height:1.62;letter-spacing:.002em;color:#adbec8;margin:0 20px 24px}@media(max-width:760px){.product-grid article h2,.catering-robots-grid article h2,.catering-grid article h2,.value-card h2{font-size:19px;margin:17px 15px 8px}.product-grid article p,.catering-robots-grid article p,.catering-grid article p,.value-card p{font-size:13px;line-height:1.55;margin:0 15px 19px}}

/* Final production polish: clear hierarchy, dependable interaction and calm motion. */
html{scroll-padding-top:88px}::selection{background:rgba(103,232,255,.9);color:#041013}a,button,input,textarea{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #72ecff;outline-offset:4px}.pb-drop a{transition:color .18s ease,transform .18s ease}.pb-drop a:hover{transform:translateX(3px)}.button,.btn,button[type="submit"],.contact-form button{transition:background-color .18s ease,color .18s ease,border-color .18s ease,transform .18s ease}.button:hover,.btn:hover,button[type="submit"]:hover,.contact-form button:hover{transform:translateY(-1px)}.button:active,.btn:active,button[type="submit"]:active,.contact-form button:active{transform:translateY(0)}.product-grid article,.catering-robots-grid article,.catering-grid article,.value-card{transition:transform .28s ease,border-color .28s ease,background-color .28s ease}@media (hover:hover){.product-grid article:hover,.catering-robots-grid article:hover,.catering-grid article:hover,.value-card:hover{transform:translateY(-4px);border-color:rgba(114,236,255,.55)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.pb-drop a,.button,.btn,button[type="submit"],.contact-form button,.product-grid article,.catering-robots-grid article,.catering-grid article,.value-card{transition:none!important;transform:none!important}}
:root { --pb-display: "IBM Plex Sans", "Segoe UI", Arial, sans-serif; --pb-body: "IBM Plex Sans", "Segoe UI", Arial, sans-serif; --pb-radius: 4px; --pb-content: min(1240px, calc(100vw - 48px)); }
body { font-family: var(--pb-body); font-size: 16px; line-height: 1.55; }
p, li, input, textarea, button { font-family: var(--pb-body); }
h1, h2, h3 { font-family: var(--pb-display); letter-spacing: -.035em; }
.warehouse-hero, .catering-robots-hero, .catering-page .catering-hero, .maintenance-hero, .contact-hero { position: relative; isolation: isolate; min-height: clamp(480px, 56vw, 680px); display: flex; align-items: flex-end; padding: clamp(44px, 7vw, 112px) max(24px, calc((100vw - 1240px) / 2)); }
.warehouse-hero::before, .catering-robots-hero::before, .catering-page .catering-hero::before, .maintenance-hero::before, .contact-hero::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgba(3,6,8,.88) 0%, rgba(3,6,8,.48) 42%, rgba(3,6,8,.12) 78%), linear-gradient(0deg, rgba(3,6,8,.62), transparent 54%); }
.warehouse-hero h1, .catering-robots-hero h1, .catering-page .catering-hero h1, .maintenance-hero h1, .contact-hero h1 { max-width: 760px; margin: 0; color: #fff; font-size: clamp(3rem, 6.1vw, 5.7rem); line-height: .94; letter-spacing: -.065em; text-align: left; }
/* Unified product and value cards */
.product-grid, .catering-robots-grid, .catering-grid, .value-grid { max-width: var(--pb-content); margin-inline: auto; gap: 22px; }
.product-grid article, .catering-robots-grid article, .catering-grid article, .value-card { overflow: hidden; border: 1px solid rgba(255,255,255,.12); border-radius: var(--pb-radius); background: #151c22; box-shadow: none; transition: transform .25s ease, border-color .25s ease; }
.product-grid article:hover, .catering-robots-grid article:hover, .catering-grid article:hover, .value-card:hover { transform: translateY(-6px); border-color: rgba(114,236,255,.8); }
.product-grid article img, .catering-robots-grid article img, .catering-grid article img, .value-card img { width: 100%; aspect-ratio: 1 / 1; height: auto; object-fit: cover; border-radius: 0; }
.product-grid article h2, .catering-robots-grid article h2, .catering-grid article h2, .value-card h2 { margin: 20px 20px 9px; font-size: 21px; line-height: 1.12; }
.product-grid article p, .catering-robots-grid article p, .catering-grid article p, .value-card p { margin: 0 20px 23px; color: #c5d0d7; font-size: 15px; line-height: 1.55; }
/* Gallery rhythm */
.warehouse-gallery, .food-gallery, .smart-gallery, .about-gallery { gap: 3px; background: #050607; }
.warehouse-gallery img, .food-gallery img, .smart-gallery img, .about-gallery img { aspect-ratio: 1 / 1; height: auto; object-fit: cover; filter: saturate(.86) contrast(1.03); }
/* Sections */
.product-showcase, .catering-robots-products, .catering-products, .about-values { padding-block: clamp(80px, 10vw, 144px); }
.catering-intro, .smart-intro, .maintenance-team { padding: clamp(84px, 11vw, 150px) max(24px, calc((100vw - 920px) / 2)); }
.catering-intro h2, .smart-intro h2, .maintenance-team h2, .about-values > h1 { font-size: clamp(2.55rem, 4.7vw, 4.5rem); line-height: .98; }
.catering-intro p, .smart-intro p, .maintenance-team p { max-width: 760px; font-size: 18px; line-height: 1.65; }
/* Contact form */
.contact-form { border-radius: var(--pb-radius); border: 1px solid rgba(114,236,255,.24); }
.contact-form h2 { font-size: clamp(2.7rem, 5vw, 4.2rem); letter-spacing: -.055em; }
.field input, .field textarea { border-radius: 0; font-family: var(--pb-body); }
/* Responsive system */
@media (max-width: 760px) {
  body { font-size: 15px; }
  .warehouse-hero, .catering-robots-hero, .catering-page .catering-hero, .maintenance-hero, .contact-hero { min-height: 430px; padding: 96px 24px 46px; }
  .warehouse-hero h1, .catering-robots-hero h1, .catering-page .catering-hero h1, .maintenance-hero h1, .contact-hero h1 { font-size: clamp(2.8rem, 13vw, 4.2rem); }
  .product-grid, .catering-robots-grid, .catering-grid, .value-grid { grid-template-columns: 1fr; gap: 16px; }
  .warehouse-gallery, .food-gallery, .smart-gallery, .about-gallery { grid-template-columns: repeat(2, 1fr); }
  .product-showcase, .catering-robots-products, .catering-products, .about-values { padding-block: 72px; }
  .catering-intro, .smart-intro, .maintenance-team { padding: 76px 24px; }
  .catering-intro p, .smart-intro p, .maintenance-team p { font-size: 16px; }
}

/* Structured footer */
.pb-footer { min-height: 0 !important; display: grid !important; grid-template-columns: 1.45fr 1fr 1fr; gap: 42px; align-items: start; padding: 62px max(24px, calc((100vw - 1240px) / 2)) 26px !important; color: #fff; }
.pb-footer-brand .brand { margin-bottom: 18px; }
.pb-footer-brand .brand img { width: 132px; height: auto; }
.pb-footer-brand p { max-width: 290px; margin: 0; color: #aebbc4; font-size: 14px; line-height: 1.55; }
.pb-footer-links, .pb-footer-contact { display: grid; justify-items: start; align-content: start; gap: 11px; }
.pb-footer-links a, .pb-footer-contact a { color: #f7fafb; text-decoration: none; font-size: 13px; transition: color .2s ease; }
.pb-footer-links a:hover, .pb-footer-contact a:hover { color: var(--pb-cyan); }
.pb-footer-contact > span { color: var(--pb-cyan); font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; margin-bottom: 4px; }
.pb-footer .pb-footer-cta { margin-top: 13px; border: 1px solid var(--pb-cyan); padding: 11px 14px !important; }
.pb-footer .pb-footer-cta:hover { background: var(--pb-cyan); color: #071015; }
.pb-footer small { grid-column: 1 / -1; display: block; margin-top: 26px; padding-top: 20px; border-top: 1px solid rgba(255,255,255,.13); font-size: 11px; }
@media (max-width: 760px) {
.pb-footer { grid-template-columns: 1fr; gap: 30px; padding: 46px 24px 22px !important; }
.pb-footer small { margin-top: 8px; }
}

/* Product architecture: Quantum Motor is the common technology core */
.warehouse-hero h1::before,
.catering-robots-hero h1::before,
.catering-page .catering-hero h1::before,
.maintenance-hero h1::before{
  content:"PRODUCT PLATFORM \00B7  POWERED BY QUANTUM MOTOR";
  display:block;
  margin:0 0 18px;
  color:#72ecff;
  font-family:"IBM Plex Sans",Arial,sans-serif;
  font-size:11px;
  font-weight:800;
  letter-spacing:.16em;
  line-height:1.2;
  text-transform:uppercase;
}
.warehouse-hero h1::after,
.catering-robots-hero h1::after,
.catering-page .catering-hero h1::after,
.maintenance-hero h1::after{
  content:"Built on the same motion core. Configured for the work.";
  display:block;
  max-width:620px;
  margin-top:18px;
  color:#e1edf2;
  font-family:"IBM Plex Sans",Arial,sans-serif;
  font-size:18px;
  font-weight:600;
  letter-spacing:0;
  line-height:1.5;
}
.maintenance-hero h1::before{content:"LIFECYCLE SUPPORT \00B7  FOR QUANTUM MOTOR PLATFORMS"}
.maintenance-hero h1::after{content:"Keep the motion core, robot platform and deployment performing as one system."}
.mission-copy h2::before,.about-values > h1::before{
  content:"QUANTUM MOTOR FIRST \00B7  PRODUCT PLATFORM SECOND";
  display:block;
  margin-bottom:14px;
  color:#72ecff;
  font-size:11px;
  font-weight:800;
  letter-spacing:.15em;
  line-height:1.3;
  text-transform:uppercase;
}
.contact-hero h1::before{
  content:"FROM MOTOR CORE TO DEPLOYED ROBOT";
  display:block;
  margin-bottom:14px;
  color:#72ecff;
  font-size:11px;
  font-weight:800;
  letter-spacing:.15em;
  line-height:1.3;
}
@media(max-width:760px){
  .warehouse-hero h1::before,.catering-robots-hero h1::before,.catering-page .catering-hero h1::before,.maintenance-hero h1::before{font-size:9px;margin-bottom:12px}
  .warehouse-hero h1::after,.catering-robots-hero h1::after,.catering-page .catering-hero h1::after,.maintenance-hero h1::after{font-size:15px;margin-top:14px}
}

a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #72ecff;outline-offset:4px}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Production-quality content system */
.testimonials,.catering-feedback,.catering-testimonials{display:none!important}
.product-showcase::before,.catering-robots-products::before,.catering-products::before{
  content:"PRODUCT PLATFORM \00B7  QUANTUM MOTOR INSIDE";
  display:block;
  width:var(--pb-content);
  max-width:var(--pb-content);
  margin:0 auto 20px;
  color:var(--pb-cyan);
  font-size:11px;
  font-weight:800;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.product-showcase,.catering-robots-products,.catering-products,.warehouse-gallery,.food-gallery,.smart-gallery,.about-gallery{content-visibility:auto;contain-intrinsic-size:700px}
.product-grid article,.catering-robots-grid article,.catering-grid article{display:flex;flex-direction:column}
.product-grid article p,.catering-robots-grid article p,.catering-grid article p{min-height:70px}
@media(max-width:760px){.product-showcase::before,.catering-robots-products::before,.catering-products::before{width:auto;margin-inline:24px;font-size:9px}.product-grid article p,.catering-robots-grid article p,.catering-grid article p{min-height:0}}

/* Final image and device discipline: one restrained visual grade, one screen per story. */
main img:not(.pb-logo img){filter:saturate(.88) contrast(1.04)}
.product-grid article img,.catering-robots-grid article img,.catering-grid article img,.value-card img{filter:saturate(.84) contrast(1.06) brightness(.9)}
@media(min-width:761px){.warehouse-hero,.catering-robots-hero,.catering-page .catering-hero,.contact-hero{min-height:calc(100svh - 78px)}.product-grid article,.catering-robots-grid article,.catering-grid article{min-height:100%}}
@media(max-width:760px){.pb-footer-brand p{max-width:260px}.pb-footer-links a,.pb-footer-contact a{min-height:36px;display:flex;align-items:center}.product-grid article img,.catering-robots-grid article img,.catering-grid article img{aspect-ratio:4 / 3}.contact-form button{min-height:54px}.location-map{height:min(64svh,460px)}}

/* FAQ typography: editorial, legible and consistent across all platforms. */
.faq,.catering-faq,.smart-faq{padding:clamp(82px,10vw,146px) max(24px,calc((100vw - 1040px)/2));background:#e7eff5;color:#091219}
.faq h2,.catering-faq h2,.smart-faq h2{max-width:700px;margin:0 0 clamp(28px,4vw,46px);font:700 clamp(38px,4.8vw,66px)/.94 var(--pb-display);letter-spacing:-.06em}
.faq details,.catering-faq details,.smart-faq details{padding:0;border-top:1px solid rgba(9,18,25,.22)}
.faq details:last-child,.catering-faq details:last-child,.smart-faq details:last-child{border-bottom:1px solid rgba(9,18,25,.22)}
.faq summary,.catering-faq summary,.smart-faq summary{min-height:76px;align-items:center;gap:26px;font:600 clamp(16px,1.45vw,20px)/1.35 var(--pb-body);letter-spacing:-.018em}
.faq summary b,.catering-faq summary b,.smart-faq summary b{flex:0 0 28px;width:28px;height:28px;display:grid;place-items:center;border:1px solid rgba(9,18,25,.32);border-radius:50%;font:400 19px/1 var(--pb-body);transition:transform .2s ease,background .2s ease}
.faq details[open] summary b,.catering-faq details[open] summary b,.smart-faq details[open] summary b{transform:rotate(45deg);background:#091219;color:#72ecff}
.faq details p,.catering-faq details p,.smart-faq details p{max-width:720px;margin:-4px 64px 25px 0;color:#41515d;font:400 16px/1.65 var(--pb-body)}
@media(max-width:760px){.faq,.catering-faq,.smart-faq{padding:72px 24px}.faq h2,.catering-faq h2,.smart-faq h2{font-size:42px}.faq summary,.catering-faq summary,.smart-faq summary{min-height:70px;font-size:16px}.faq details p,.catering-faq details p,.smart-faq details p{margin-right:0;font-size:15px}.faq summary b,.catering-faq summary b,.smart-faq summary b{flex-basis:25px;width:25px;height:25px;font-size:17px}}

/* Final cross-page reading and device polish. */
body{overflow-x:clip;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3{text-wrap:balance}p{text-wrap:pretty}.pb-footer a{transition:color .18s ease}.pb-footer a:hover{color:var(--pb-cyan)}.product-grid article img,.catering-robots-grid article img,.catering-grid article img,.value-card img{background:#111a20}@media(max-width:760px){.pb-links>a,.pb-toggle{min-height:44px}.pb-drop a{min-height:40px;display:flex;align-items:center}.warehouse-hero,.catering-robots-hero,.catering-page .catering-hero,.maintenance-hero,.contact-hero{padding-left:24px;padding-right:24px}.warehouse-hero h1,.catering-robots-hero h1,.catering-page .catering-hero h1,.maintenance-hero h1,.contact-hero h1{max-width:13ch}}

/* Cross-page visual discipline: one tactile card, button and image language. */
.product-grid article,.catering-robots-grid article,.catering-grid article,.value-card{box-shadow:0 14px 32px rgba(0,0,0,.14)}
.product-grid article:hover,.catering-robots-grid article:hover,.catering-grid article:hover,.value-card:hover{box-shadow:0 22px 42px rgba(0,0,0,.26)}
.product-grid article img,.catering-robots-grid article img,.catering-grid article img,.value-card img{transition:transform .42s cubic-bezier(.2,.7,.2,1),filter .42s ease}
.product-grid article:hover img,.catering-robots-grid article:hover img,.catering-grid article:hover img,.value-card:hover img{transform:scale(1.025);filter:saturate(.98) contrast(1.06) brightness(.98)}
.contact-form input,.contact-form textarea{transition:border-color .2s ease,background .2s ease}
.contact-form input:focus,.contact-form textarea:focus{border-color:var(--pb-cyan);background:rgba(8,20,26,.9)}
.contact-form button,.pb-footer a[role="button"]{transition:transform .18s ease,background .18s ease,color .18s ease}
.contact-form button:hover,.pb-footer a[role="button"]:hover{transform:translateY(-2px)}
@media(max-width:760px){.product-grid article:hover img,.catering-robots-grid article:hover img,.catering-grid article:hover img,.value-card:hover img{transform:none}.contact-form button:hover,.pb-footer a[role="button"]:hover{transform:none}}
