:root{--bg:#08090c;--panel:#101014;--copper:#dfa05a;--gold:#ffd39b;--cream:#f8eadb;--line:#74421d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#070709;color:var(--cream);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:2px solid #ffe4b4;outline-offset:4px}.site-nav{position:sticky;top:0;z-index:10;background:#08080af2;border-bottom:1px solid #a76b30;display:flex;align-items:center;gap:28px;padding:8px 2%;min-height:72px;backdrop-filter:blur(12px)}.nav-logo{display:block;width:188px;flex:none}.nav-logo img{display:block;width:100%;height:51px;object-fit:contain;object-position:left center}.nav-links{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:1}.nav-links a{font-size:11px;letter-spacing:1px;text-transform:uppercase;padding:16px 7px;white-space:nowrap}.nav-links a:hover,.nav-links .active{color:var(--gold);box-shadow:inset 0 -2px var(--copper)}.menu-toggle{display:none}.page{max-width:1600px;margin:auto}.hero{min-height:495px;display:grid;grid-template-columns:52% 48%;background:#07080c;overflow:hidden;border-bottom:1px solid #8a5427}.hero-brand{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 16px 125px;text-align:center;min-height:495px;background:radial-gradient(ellipse at 55% 45%,#21150d 0,transparent 58%)}.hero-brand:after{content:'';position:absolute;z-index:-1;bottom:0;left:0;width:100%;height:145px;background:linear-gradient(0deg,transparent 0%,#05060a 100%),url('earth-horizon.webp') center bottom/cover no-repeat;opacity:.96}.hero-logo{width:min(95%,670px);filter:drop-shadow(0 0 18px #ba6c2833)}.hero-slogan{font-weight:800;letter-spacing:1.5px;color:#efc183;font-size:clamp(15px,2vw,26px);margin:12px 0 0}.hero-sub{font-size:clamp(10px,1vw,15px);letter-spacing:5px;margin-top:13px}.hero-right{position:relative;display:flex;flex-direction:column;justify-content:center;padding:40px 25% 40px 5%;background:linear-gradient(90deg,#08090cf5 0%,#09090ccc 49%,#08080a22 100%),url('restaurant-scene.webp') right center/cover no-repeat}.hero-right h1{font-size:clamp(26px,2.65vw,43px);line-height:1.06;letter-spacing:-1.3px;margin:0 0 14px}.hero-right p{font-size:clamp(12px,1vw,15px);line-height:1.55;max-width:420px}.gold-line{height:2px;background:var(--copper);width:85px;margin:13px 0 20px}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px 8px;max-width:430px}.quick-grid a{text-align:center;font-size:10px;line-height:1.25;display:flex;flex-direction:column;align-items:center;gap:7px}.quick-grid a:hover{color:var(--gold)}.icon-circle{display:grid;place-items:center;border:1.5px solid var(--copper);border-radius:50%;width:52px;height:52px;color:var(--gold);font-size:24px}.products{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));border-bottom:1px solid var(--line)}.product{min-width:0;display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 8px 24px;border-right:1px solid #49301c;background:linear-gradient(#16110e,#06070a 80%)}.product:last-child{border-right:0}.product img{display:block;width:calc(100% + 16px);height:136px;object-fit:cover;margin-bottom:14px}.product h2{font-size:11px;margin:0 0 9px;min-height:26px}.product p{font-size:10px;color:#ded2c7;line-height:1.45;min-height:42px;margin:0 0 12px}.pill{margin-top:auto;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--copper);border-radius:25px;padding:8px 13px;font-size:10px;color:var(--gold)}.pill:hover{background:#bc8144;color:#090909}.values{display:grid;grid-template-columns:repeat(4,1fr);padding:27px 5%;gap:22px;border-bottom:1px solid #3d291a}.value{display:flex;align-items:center;gap:13px;border-right:1px solid #4a3020}.value:last-child{border:0}.value strong{font-size:12px;letter-spacing:1px}.value p{font-size:12px;line-height:1.45;color:#d7c5b5;margin:7px 10px 0 0}.value .icon-circle{flex:none}.bottom-cta{text-align:center;padding:15px 20px 65px;background:repeating-radial-gradient(ellipse at 50% 150%,transparent 0 17px,#60381655 18px 19px,transparent 20px 38px)}.button{display:inline-block;background:linear-gradient(130deg,#a8612d,#ffcd8e,#b16a31);border:1px solid #e4a65e;color:#140e0a;border-radius:50px;padding:17px 48px;font-weight:800;font-size:15px}.section{padding:75px 5%;border-top:1px solid #2f231d}.section h2{font-size:clamp(26px,3vw,42px);color:var(--gold);margin:0 0 14px}.section p{max-width:850px;line-height:1.7;color:#ddd0c1}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:25px}.card{border:1px solid #5e3a22;border-radius:12px;padding:24px;background:#141015}.card h3{color:#f4c084}.footer{padding:30px 5%;color:#d0b99f;font-size:12px;border-top:1px solid #5e3a22}.footer a{color:#ffcb88}@media(max-width:1180px){.nav-links{gap:0}.nav-links a{font-size:9px}.products{grid-template-columns:repeat(3,1fr)}.product img{height:160px}.hero-right{padding-right:12%}}@media(max-width:760px){.site-nav{flex-wrap:wrap;justify-content:space-between}.menu-toggle{display:block;background:none;color:var(--gold);border:1px solid #98612f;border-radius:7px;padding:10px}.nav-links{display:none;flex-basis:100%;flex-direction:column;align-items:stretch}.nav-links.open{display:flex}.nav-links a{font-size:12px}.hero{grid-template-columns:1fr}.hero-brand{min-height:370px;padding:40px 15px 115px}.hero-right{min-height:470px;padding:45px 8%;background-position:right}.products{grid-template-columns:repeat(2,1fr)}.product img{height:145px}.values{grid-template-columns:1fr 1fr}.cards{grid-template-columns:1fr}.hero-sub{letter-spacing:2px}.hero-slogan{font-size:15px}}@media(max-width:430px){.products{grid-template-columns:1fr 1fr}.product img{height:100px}.values{grid-template-columns:1fr}.value{border:0}}

/* Responsive hardening: tablet, phone and small screens */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:80px}
body{min-width:0;overflow-x:hidden}
img,svg,video{max-width:100%;height:auto}
button,a{-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible{outline:3px solid #f6bd74;outline-offset:3px}
.nav-logo{flex-shrink:0}
.nav-logo img{max-width:100%;height:auto}
.hero>*{min-width:0}
.hero-right h1,.section h2{overflow-wrap:break-word}
@media(max-width:1100px){.site-nav{flex-wrap:wrap;justify-content:space-between}.menu-toggle{display:block;background:transparent;color:var(--gold);border:1px solid #98612f;border-radius:7px;padding:10px 14px;min-height:44px;cursor:pointer}.nav-links{display:none;width:100%;flex-basis:100%;flex-direction:column;align-items:stretch;gap:0;padding:8px 0}.nav-links.open{display:flex}.nav-links a{font-size:14px;min-height:44px;display:flex;align-items:center;padding:10px 14px}.hero-right{padding-right:7%}}
@media(min-width:761px) and (max-width:1100px){.hero{grid-template-columns:1fr 1fr}.hero-brand{padding-left:4%;padding-right:4%}.hero-right{padding:30px 6%}.hero-right h1{font-size:clamp(24px,3vw,34px)}.quick-grid{gap:16px 6px}.products{grid-template-columns:repeat(3,minmax(0,1fr))}.values{grid-template-columns:repeat(2,minmax(0,1fr))}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.hero{grid-template-columns:minmax(0,1fr)}.hero-brand{min-height:300px}.hero-logo{width:min(94%,560px)}.hero-right{min-height:420px;padding:42px 6%}.quick-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px 5px}.icon-circle{width:46px;height:46px}.products{grid-template-columns:repeat(2,minmax(0,1fr))}.values{grid-template-columns:repeat(2,minmax(0,1fr))}.cards{grid-template-columns:1fr}.section{padding:52px 6%}}
@media(max-width:480px){.hero-brand{min-height:260px;padding:35px 12px 90px}.hero-right{min-height:400px;padding:35px 6%;background-position:65% center}.hero-right h1{font-size:clamp(25px,8vw,36px)}.hero-slogan{font-size:clamp(12px,3.6vw,16px);letter-spacing:.4px}.hero-sub{font-size:10px;letter-spacing:1.3px}.quick-grid a{font-size:9px}.icon-circle{width:42px;height:42px;font-size:20px}.product{padding:0 7px 20px}.product img{height:clamp(95px,29vw,145px)}.product h2{font-size:11px}.product p{font-size:10px}.pill{min-height:40px;padding:9px 12px}.values{grid-template-columns:1fr}.value{border-right:0}.button{width:min(100%,340px);padding:16px 20px}.bottom-cta{padding-bottom:45px}}
@media(max-width:340px){.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.products{grid-template-columns:1fr}.product img{height:170px}.hero-sub{letter-spacing:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* FINAL APPROVED DESIGN — sharp logo, complete visible wordmark, adaptive layout */
.site-nav{padding:7px clamp(14px,2.1vw,32px);gap:clamp(12px,1.8vw,26px)}
.nav-logo{width:clamp(148px,13vw,200px);overflow:visible}
.nav-logo img{height:auto;max-height:61px;object-fit:contain;object-position:center}
.hero{grid-template-columns:minmax(0,51%) minmax(0,49%);min-height:520px}
.hero-brand{min-height:520px;padding:40px clamp(18px,3vw,52px) 120px;justify-content:center;overflow:visible}
.hero-logo{display:block;width:min(100%,510px);max-height:210px;object-fit:contain;object-position:center;filter:drop-shadow(0 0 10px #cf7a3640);margin:0 auto 8px}
.hero-slogan{font-size:clamp(15px,1.9vw,26px);line-height:1.2;letter-spacing:.055em;max-width:100%;text-wrap:balance}
.hero-sub{font-size:clamp(10px,1vw,14px);letter-spacing:.24em;line-height:1.6;text-wrap:balance}
.hero-right{padding:44px clamp(26px,11vw,160px) 44px clamp(25px,3vw,52px);background-position:right center}
.hero-right h1{font-size:clamp(28px,2.9vw,44px)}
.hero-right p{font-size:clamp(13px,1vw,16px)}
.product img{object-fit:cover}
@media(max-width:1180px){.hero-right{padding-right:clamp(22px,6vw,75px)}.hero-logo{width:min(100%,470px)}.hero-brand{padding-bottom:110px}}
@media(max-width:1100px){.site-nav{justify-content:space-between}.nav-logo{width:175px}}
@media(max-width:760px){.hero{grid-template-columns:minmax(0,1fr)}.hero-brand{min-height:370px;padding:45px 7% 100px}.hero-logo{width:min(90%,450px);max-height:170px}.hero-right{padding:44px 7%;min-height:460px}.hero-slogan{font-size:clamp(16px,4.5vw,23px)}.hero-sub{font-size:clamp(10px,2.1vw,13px)}.nav-logo{width:160px}}
@media(max-width:430px){.hero-brand{min-height:310px;padding:30px 6% 95px}.hero-logo{width:min(95%,350px);max-height:140px}.hero-slogan{font-size:clamp(14px,4.1vw,18px)}.hero-sub{letter-spacing:.12em}.hero-right{min-height:430px}}

/* Pezzo One approved ecosystem homepage + contact */
.ecosystem-hero{position:relative;overflow:hidden;background:#050505;border-bottom:1px solid #b77b3c}
.ecosystem-image-frame{position:relative;width:100%;aspect-ratio:1825 / 782;overflow:hidden}
.ecosystem-image-frame img{display:block;width:100%;max-width:none;height:auto;transform:translateY(-9.28%);image-rendering:auto}
.ecosystem-hotspot{position:absolute;left:10%;top:69%;width:28%;height:11%;border-radius:60px;cursor:pointer}
.ecosystem-hotspot:focus-visible{outline:3px solid #fff;outline-offset:2px}
.contact-intro{padding:80px 5% 50px;background:radial-gradient(ellipse at 80% 0%,#63341266,transparent 50%),#09090b;border-bottom:1px solid #644123}
.eyebrow{color:#f4b66f;font-size:12px;font-weight:800;letter-spacing:3px}
.contact-intro h1{font-size:clamp(35px,5vw,66px);color:#f7d1a0;margin:18px 0}
.contact-intro p{font-size:clamp(16px,2vw,20px);max-width:760px;line-height:1.6}
.contact-layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(260px,1fr);gap:30px;padding:55px 5% 90px}
.contact-panel,.contact-aside{background:linear-gradient(150deg,#181217,#0c0b0e);border:1px solid #684324;border-radius:18px;padding:clamp(22px,3vw,42px)}
.contact-panel h2,.contact-aside h2{font-size:28px;color:#ffd39b;margin:0 0 12px}
.muted{color:#d0bca9;font-size:14px;line-height:1.7}
#contact-form{display:grid;gap:18px;margin-top:25px}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
#contact-form label{display:grid;gap:8px;font-size:14px;font-weight:700;color:#f6e2cb}
#contact-form input:not([type=checkbox]),#contact-form select,#contact-form textarea{width:100%;background:#09090c;color:#fff;border:1px solid #91633c;border-radius:9px;padding:14px 15px;font:inherit;min-height:47px}
#contact-form textarea{resize:vertical}
#contact-form input:focus,#contact-form select:focus,#contact-form textarea:focus{outline:2px solid #e6a45e;outline-offset:2px}
#contact-form .consent{display:flex;align-items:flex-start;gap:10px;line-height:1.5;font-weight:400}
#contact-form .consent input{margin-top:4px}
#contact-form button{cursor:pointer;width:max-content;max-width:100%;min-height:48px}
.contact-aside{align-self:start}.contact-aside .pill{display:table;margin:18px 0}
.hidden-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
#form-message{font-weight:700}#form-message:not(:empty){padding:14px;border:1px solid #9d6c35;border-radius:8px;margin:15px 0}
@media(max-width:800px){.contact-layout{grid-template-columns:1fr}.ecosystem-image-frame{aspect-ratio:1825 / 782}}
@media(max-width:520px){.form-grid{grid-template-columns:1fr}.contact-intro{padding:52px 6% 35px}.contact-layout{padding:28px 5% 60px}.ecosystem-image-frame{overflow:visible;aspect-ratio:auto}.ecosystem-image-frame img{transform:none;width:100%}.ecosystem-hotspot{left:10%;top:68%;height:11%}}

/* Mobile-first repair, October 2026: no miniature desktop artwork on phones */
.mobile-ecosystem-hero{display:none}
@media(max-width:760px){
  .site-nav{position:sticky;top:0;min-height:68px;padding:10px 16px;gap:10px;align-items:center;background:#08080b}
  .nav-logo{width:142px;max-width:calc(100% - 125px);line-height:0}
  .nav-logo img{width:100%;height:auto;max-height:64px;object-fit:contain;object-position:left center}
  .menu-toggle{font-size:14px;min-height:44px;padding:10px 14px;border-radius:10px;white-space:nowrap}
  .nav-links{margin:0;padding:6px 0 12px;border-top:1px solid #5e3a22;max-height:calc(100dvh - 78px);overflow-y:auto}
  .nav-links a{font-size:13px;min-height:45px;padding:12px 8px;border-bottom:1px solid #2d211a}
  .ecosystem-image-frame,.ecosystem-hotspot{display:none!important}
  .mobile-ecosystem-hero{display:flex;flex-direction:column;position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(circle at 55% 63%,#4c250c 0%,#140e0d 33%,#07080b 75%);padding:30px 20px 26px;text-align:center}
  .mobile-hero-copy{position:relative;z-index:2}
  .mobile-eyebrow{font-size:11px;letter-spacing:.2em;font-weight:700;color:#f4c084}
  .mobile-hero-copy h1{font-size:clamp(27px,7.3vw,43px);line-height:1.13;letter-spacing:-.035em;margin:15px 0 12px;color:#fff4e6;text-wrap:balance}
  .mobile-hero-copy h1 span{color:#f2b975}
  .mobile-hero-copy p{max-width:470px;margin:0 auto 20px;color:#e6d6c4;line-height:1.55;font-size:15px}
  .mobile-explore{display:inline-flex;align-items:center;justify-content:center;gap:12px;width:auto;max-width:100%;padding:14px 20px;font-size:13px;min-height:48px}
  .mobile-globe{width:min(100%,380px);height:auto;aspect-ratio:780/818;object-fit:contain;align-self:center;margin:-6px 0 -15px;filter:drop-shadow(0 0 18px #b96c2844)}
  .mobile-service-tags{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;position:relative;z-index:2}
  .mobile-service-tags span{border:1px solid #9a602f;border-radius:20px;padding:8px 10px;color:#f3d3ad;background:#100e10;font-size:11px}
  #solutions{padding:42px 20px}
  #solutions h1{font-size:clamp(25px,7vw,36px);line-height:1.15;margin:0 0 12px}
  #solutions p{font-size:15px;line-height:1.55}
  .cards{gap:13px;margin-top:22px}
  .card{padding:20px;border-radius:14px}
  .card h3{margin:0 0 9px;font-size:20px}
  .card p{margin:0 0 15px}
  .card .pill{min-height:44px;font-size:13px}
  .footer{line-height:1.6}
}
@media(max-width:390px){.nav-logo{width:126px}.site-nav{padding:9px 12px}.mobile-ecosystem-hero{padding-left:16px;padding-right:16px}.mobile-hero-copy h1{font-size:clamp(25px,7vw,32px)}}

/* Mobile ecosystem v2: independently responsive artwork and readable service icons */
@media(max-width:760px){
  .mobile-ecosystem-hero{padding:24px clamp(14px,4vw,26px) 30px;gap:0;background:radial-gradient(ellipse at 50% 52%,#231407 0%,#08090c 65%)}
  .mobile-hero-copy h1{font-size:clamp(24px,6vw,35px);line-height:1.16;margin:12px auto;max-width:520px}
  .mobile-hero-copy p{font-size:clamp(13px,3.4vw,15px);line-height:1.5;margin-bottom:18px}
  .mobile-explore{position:relative;z-index:1;margin-bottom:16px}
  .mobile-visual{width:100%;max-width:580px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:14px}
  .mobile-globe-wrap{width:min(72vw,300px);aspect-ratio:1;display:grid;place-items:center;position:relative;flex:none}
  .mobile-globe-wrap:before{content:'';position:absolute;inset:8%;border:1px solid #d48a3d66;border-radius:50%;box-shadow:0 0 26px #d48a3d55}
  .mobile-globe{width:100%;height:100%;aspect-ratio:1;object-fit:contain;margin:0;filter:drop-shadow(0 0 12px #bd70284d)}
  .mobile-services-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;position:relative;z-index:1}
  .mobile-service{min-width:0;min-height:90px;padding:12px 7px 10px;border:1px solid #885629;border-radius:14px;background:linear-gradient(145deg,#20160f,#0e0c0d);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#f8d6a8;font-size:12px;line-height:1.25;text-align:center;overflow-wrap:anywhere}
  .mobile-service:focus-visible{outline:2px solid #ffd398}
  .service-symbol{width:40px;height:40px;border:1px solid #d99a53;border-radius:50%;display:grid;place-items:center;font-size:23px;font-weight:600;line-height:1;color:#ffc77c;box-shadow:0 0 10px #a85e2830}
  .mobile-service-tags{display:none}
}
@media(min-width:521px) and (max-width:760px){.mobile-services-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.mobile-globe-wrap{width:min(48vw,320px)}}
@media(max-width:360px){.mobile-hero-copy h1{font-size:23px}.mobile-service{font-size:11px}.mobile-globe-wrap{width:min(70vw,250px)}}

/* Final mobile refinement: no circular service labels beneath the globe. */
@media(max-width:760px){.mobile-visual{gap:0}.mobile-globe-wrap{margin-bottom:0}.mobile-services-grid,.mobile-service-tags{display:none!important}}

/* Clickable original ecosystem diagram — fit full artwork, never crop. */
@media(max-width:760px){
 .mobile-visual{width:100%;max-width:680px;margin:0 auto;display:block}
 .ecosystem-interactive{position:relative;width:100%;isolation:isolate}
 .ecosystem-interactive img{display:block;width:100%;height:auto;max-width:100%;object-fit:contain}
 .eco-point{position:absolute;display:block;width:17%;height:19%;border-radius:50%;z-index:2;transform:translate(-50%,-50%);background:transparent;touch-action:manipulation}
 .eco-point:focus-visible{outline:3px solid #fff0c4;outline-offset:2px;background:#ffffff18}
 .eco-point:active{background:#ffcb7a33}
 .eco-pos{left:21%;top:19%}.eco-cloud{left:51%;top:11%}.eco-security{left:85%;top:19%}
 .eco-business{left:11%;top:49%}.eco-automation{left:92%;top:49%}
 .eco-digital{left:22%;top:75%}.eco-finance{left:83%;top:75%}.eco-staff{left:51%;top:89%}
 .eco-tap-help{margin:10px 0 0;color:#eac39a;font-size:12px;letter-spacing:.03em}
 .card[id]{scroll-margin-top:100px}
}

/* Desktop ecosystem: accessible transparent hit areas aligned to artwork circles. */
.desktop-ecosystem-links{position:absolute;inset:0;pointer-events:none;z-index:3}
.desktop-eco-link{position:absolute;display:block;width:8.2%;height:17%;border-radius:50%;pointer-events:auto;cursor:pointer;touch-action:manipulation}
.desktop-eco-link:hover{box-shadow:inset 0 0 0 2px #f3b86c,0 0 20px #c7834a77;background:#f5b76512}
.desktop-eco-link:focus-visible{outline:3px solid #fff4d9;outline-offset:3px;background:#f5b76522}
.d-pos{left:51.7%;top:10.8%}.d-cloud{left:68.2%;top:3%}.d-security{left:85.5%;top:10.8%}
.d-business{left:46.5%;top:33.5%}.d-automation{left:89.5%;top:33.5%}
.d-digital{left:52%;top:58.5%}.d-finance{left:85.3%;top:58.5%}.d-staff{left:68.1%;top:70.5%}
@media(max-width:760px){.desktop-ecosystem-links{display:none!important}}

/* V2 precise desktop hit targets: centers measured against the approved 1825x862 artwork.
   The desktop image is displayed 80px higher within its 1825x782 frame. */
@media(min-width:761px){
 .desktop-eco-link{width:7.8%;height:18.2%;transform:translate(-50%,-50%);border-radius:50%;}
 .d-pos{left:55.45%;top:16.62%}
 .d-cloud{left:69.86%;top:8.95%}
 .d-security{left:85.48%;top:14.83%}
 .d-business{left:49.53%;top:38.36%}
 .d-automation{left:90.41%;top:38.36%}
 .d-digital{left:55.34%;top:59.34%}
 .d-finance{left:84.66%;top:59.34%}
 .d-staff{left:69.86%;top:71.61%}
}

/* V3: artwork and hit targets share the same intrinsic 1825 x 862 coordinate plane.
   No guessing based on the cropped 782px viewport. */
@media (min-width:761px){
 .ecosystem-image-frame{position:relative;overflow:hidden;aspect-ratio:1825/782}
 .ecosystem-image-layer{position:absolute;left:0;top:-10.230179%;width:100%;aspect-ratio:1825/862}
 .ecosystem-image-layer>img{display:block;width:100%;height:100%;transform:none;max-width:none}
 .desktop-ecosystem-links{position:absolute;inset:0;pointer-events:none;z-index:4}
 .desktop-eco-link{position:absolute;width:8%;height:auto;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;pointer-events:auto;box-sizing:border-box;background:transparent}
 .d-pos{left:55.45%;top:24.59%}
 .d-cloud{left:69.86%;top:17.75%}
 .d-security{left:85.48%;top:22.74%}
 .d-business{left:49.53%;top:45.13%}
 .d-automation{left:90.41%;top:45.36%}
 .d-digital{left:55.45%;top:63.57%}
 .d-finance{left:84.82%;top:63.57%}
 .d-staff{left:69.86%;top:73.78%}
}

/* Hospitality POS logo visibility correction (2026-10-11). */
.hero-brand .hero-logo{display:block;width:min(100%,560px);max-height:none;height:auto;object-fit:contain;object-position:center;margin:0 auto 12px}
.hero-brand{padding-top:32px;padding-bottom:105px}
@media(max-width:760px){.hero-brand .hero-logo{width:min(94%,480px);height:auto;max-height:none}.hero-brand{padding-top:34px;padding-bottom:90px}}
@media(max-width:430px){.hero-brand .hero-logo{width:min(96%,350px);height:auto;max-height:none}}

/* Final hospitality-only logo adjustment: proportional, crisp, fully visible. */
@media (min-width:761px){
  body:has(.hero-right) .hero-brand .hero-logo {width:min(76%,440px);max-width:440px;height:auto;max-height:none;object-fit:contain;image-rendering:auto;margin:0 auto 14px;filter:none;}
  body:has(.hero-right) .hero-brand {padding-top:30px;padding-bottom:105px;}
}
@media (max-width:760px){
  body:has(.hero-right) .hero-brand .hero-logo {width:min(82%,370px);height:auto;max-height:none;object-fit:contain;filter:none;}
}