/* UR Maintain — Precision Industrial theme evolution
   Preserves the existing brand and product truth while reducing generic SaaS styling. */

:root{
  --bg:#080d12;
  --bg-deep:#05080b;
  --bg2:#0c131a;
  --surface:#101922;
  --surface2:#14212c;
  --surface3:#172733;
  --line:#263b49;
  --line-strong:#3c5b6e;
  --text:#f4f7f8;
  --muted:#a6b4bd;
  --muted2:#7e919d;
  --blue:#1fa2ff;
  --blue2:#71c8ff;
  --signal:#f2b84b;
  --radius:4px;
  --shadow:0 24px 70px rgba(0,0,0,.42);
}

body{
  background:#080d12;
  font-family:"Avenir Next","Segoe UI",Helvetica,Arial,sans-serif;
  line-height:1.55;
}

h1,h2,h3,.mock-title,.price-amount{
  font-family:"DIN Alternate",Bahnschrift,"Avenir Next Condensed","Arial Narrow",sans-serif;
  font-stretch:condensed;
}

h1{font-weight:800;letter-spacing:-.035em}
h2{font-weight:760;letter-spacing:-.025em}
h3{font-weight:720;letter-spacing:-.015em}

.container{width:min(1320px,calc(100% - 64px))}
.section{padding:78px 0;border-top:1px solid rgba(104,139,158,.16)}
.section-dark{background:#080d12}
.section-raised{background:#0c131a}

.eyebrow{
  display:flex;
  align-items:center;
  gap:9px;
  color:#7bcaff;
  font-size:11px;
  letter-spacing:.115em;
}
.eyebrow::before{content:"";width:22px;height:2px;background:var(--signal)}

/* Precise, less glassy site chrome. */
.site-header{
  height:68px;
  background:rgba(5,8,11,.94);
  border-bottom-color:#233642;
  backdrop-filter:blur(10px);
}
.header-inner{width:min(1320px,calc(100% - 64px))}
.brand .brand-logo{height:30px}
.desktop-nav{margin-left:88px;gap:40px;font-size:13px;letter-spacing:.015em}
.desktop-nav a.active::after{bottom:-9px;background:var(--signal)}
.btn{border-radius:3px;min-height:44px;letter-spacing:.01em}
.btn-primary{background:#118ee8;box-shadow:none}
.btn-primary:hover{background:#2ba6f5;box-shadow:0 10px 28px rgba(17,142,232,.2)}
.btn-secondary{background:transparent;border-color:#456275}

/* Hero: industrial grid, less blue haze, more product authority. */
.hero{min-height:700px;padding:142px 0 72px}
.hero-atmosphere{
  background:
    linear-gradient(90deg,rgba(5,8,11,.99) 0%,rgba(5,8,11,.92) 43%,rgba(5,8,11,.42) 72%,rgba(5,8,11,.86) 100%),
    repeating-linear-gradient(90deg,transparent 0 119px,rgba(121,153,171,.055) 120px,transparent 121px),
    repeating-linear-gradient(0deg,transparent 0 79px,rgba(121,153,171,.035) 80px,transparent 81px),
    #0a1219;
}
.hero-atmosphere::after{
  right:-2%;top:0;width:45%;height:100%;
  background:linear-gradient(135deg,transparent 0 47%,rgba(242,184,75,.07) 47.2% 47.5%,transparent 47.7%);
  transform:none;border:0;
}
.hero-grid{grid-template-columns:42% 58%;gap:30px}
.hero-copy h1{max-width:620px;font-size:clamp(52px,5.2vw,76px);line-height:.94}
.hero-copy h1 span{color:#6bc5ff}
.hero-copy .lead{font-size:18px;color:#c7d1d7;max-width:600px}
.hero-points{padding-top:20px;border-top:1px solid #243743}
.point-icon{color:var(--signal)}
.hero-product{height:470px;display:flex;align-items:center;margin-right:-10px}
.browser-preview{
  width:calc(100% - 44px);overflow:hidden;border:1px solid #385568;border-radius:8px;
  background:#07131c;box-shadow:0 36px 80px rgba(0,0,0,.52),0 0 0 1px rgba(255,255,255,.025) inset;
}
.hero-product .hero-phone{
  right:-2px;bottom:3px;width:154px;height:320px;z-index:4;border-radius:24px;
  box-shadow:0 28px 55px rgba(0,0,0,.62),inset 0 0 0 1px #5e6c77;
}
.browser-chrome{
  height:40px;display:grid;grid-template-columns:60px minmax(0,1fr) 34px;align-items:center;gap:12px;
  padding:0 12px;border-bottom:1px solid #263d4b;background:#121b22;color:#708590;
}
.browser-dots{display:flex;gap:6px}.browser-dots i{display:block;width:8px;height:8px;border-radius:50%;background:#40505a}
.browser-dots i:first-child{background:#d05b5b}.browser-dots i:nth-child(2){background:#d2a748}.browser-dots i:last-child{background:#4fa779}
.browser-address{
  justify-self:center;width:min(440px,100%);height:25px;display:flex;align-items:center;justify-content:center;gap:7px;
  border:1px solid #2a414f;border-radius:4px;background:#0b141b;font-size:9px;letter-spacing:.015em;color:#8296a1;
}
.browser-address span{font-size:7px;color:#6ebff2}.browser-menu{font-size:10px;letter-spacing:2px;text-align:right}
.browser-preview .hero-app{height:390px;border:0;grid-template-columns:170px minmax(0,1fr)}
.browser-preview .mini-sidebar{padding:16px 12px}.browser-preview .mini-sidebar>span{font-size:9.5px;padding:9px 10px}
.browser-preview .app-brand{font-size:12px;margin-bottom:14px}
.browser-preview .app-bar{height:46px;font-size:10px;padding:0 15px}
.browser-preview .app-content{padding:20px}.browser-preview .app-title-row .mock-title{font-size:24px}
.browser-preview .app-title-row button{font-size:9px;padding:9px 12px}
.browser-preview .subtabs{font-size:9px;margin-top:17px}
.browser-preview .hero-table{font-size:9px}.browser-preview .tr{grid-template-columns:64px 1.5fr 62px 56px 78px;padding:11px 3px}
.browser-preview .tag{font-size:8px;padding:3px 6px}

/* Section headings get more room and a clearer reading order. */
.section-heading{margin-bottom:34px}
.split-heading{grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr);gap:72px}
.split-heading>p,.split-heading>a{font-size:14px;line-height:1.6;color:#aebdc6}

/* Benefits: asymmetric editorial composition instead of four equal tiles. */
.benefits-section{padding:74px 0 84px}
.benefit-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:18px}
.benefit-card{
  min-height:350px;
  padding:22px;
  border-color:#29404e;
  border-radius:4px;
  background:#111a22;
}
.benefit-card:nth-child(1),.benefit-card:nth-child(4){grid-column:span 5}
.benefit-card:nth-child(2),.benefit-card:nth-child(3){grid-column:span 7}
.benefit-head{align-items:center}
.benefit-head h3{font-size:21px;max-width:390px}
.benefit-icon{
  width:32px;height:32px;flex-basis:32px;
  border-radius:3px;background:transparent;color:#72c7ff;
  box-shadow:inset 0 0 0 1px #37647e;
}
.benefit-card>p{font-size:13px;max-width:520px;color:#b3c0c8}
.feature-photo-card{height:205px;border-radius:2px;border-color:#304754}
.feature-photo-card img{filter:brightness(.78) saturate(.88) contrast(1.04)}
.feature-photo-card::after{background:linear-gradient(180deg,transparent 30%,rgba(4,9,13,.78) 100%)}
.feature-photo-label{font-size:12px;letter-spacing:.035em}

/* Product proof should feel like the product, not another card. */
.product-section{padding:82px 0}
.product-shell{border-radius:3px;border-color:#35566b;box-shadow:0 32px 80px rgba(0,0,0,.46)}
.product-nav{background:#0d1821}
.product-tab{min-height:44px;font-size:11.5px}
.product-tab.active{background:#12374e;border-left-color:var(--signal);color:#8dd4ff}
.product-copy{background:#0d1720;padding:28px 24px}
.small-outline-link{border-radius:2px}

/* Workflow reads as a connected operational sequence. */
.philosophy{padding:66px 0 72px}
.flow{gap:8px}
.flow-step{min-height:116px;border-radius:3px;background:#101922;border-color:#2a414f}
.flow-icon{border-radius:3px}
.flow-arrow{color:var(--signal)}

/* Larger workflow stories replace the thumbnail-wall feeling. */
.situations-section{padding:82px 0}
.situation-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.situation-card{padding:10px 10px 18px;border-radius:4px;border-color:#294552;background:#0d161e}
.situation-image.situation-ui{height:370px;border-radius:2px}
.scenario-phone{width:min(54%,260px);height:310px;padding:16px 15px;border-radius:22px}
.scenario-phone-bar{font-size:9px}.scenario-phone-bar i{font-size:8px}
.scenario-alert,.scenario-alert b{font-size:9px}
.scenario-asset small{font-size:7px}.scenario-asset strong{font-size:12px}.scenario-asset em{font-size:8px}
.scenario-actions button,.scenario-result button,.take-part{font-size:8px;padding:8px}
.scenario-actions span{font-size:8px;padding:6px}
.scenario-search{font-size:9px;padding:9px}.scenario-result strong{font-size:12px}.scenario-result em{font-size:8px}
.part-visual{height:58px}.part-visual span{transform:scale(1.25)}
.part-stock small{font-size:6px}.part-stock b{font-size:10px}
.handover-row{padding:9px 2px}.handover-row b{font-size:9px}.handover-row small{font-size:7px}
.situation-card p{font-size:13px!important;max-width:540px;margin:14px 8px 0;color:#b7c4cc}

.machine-context{padding:76px 0}
.machine-grid{border-radius:3px;border-color:#2c4757;box-shadow:0 24px 58px rgba(0,0,0,.28)}

.roles{padding:78px 0}
.role-stage{border-radius:3px;border-color:#2c4858}
.role-photo-card{border-radius:3px}
.role-photo-card img{filter:brightness(.76) saturate(.88)}
.role-photo-card::after{background:linear-gradient(180deg,transparent 35%,rgba(5,10,14,.82) 100%)}
.role-tab.active{background:#174b68;box-shadow:inset 0 -2px var(--signal)}

.deployment{padding:70px 0 76px}
.deployment-card,.deployment-side{border-radius:3px;border-color:#2d4a5a;background:#101922}
.deployment-card .deployment-photo img{filter:brightness(.76) saturate(.82) contrast(1.05)}
.deployment-kicker{color:#79cbff}

.cta-banner{border-color:#2b4655;background:#0d161e}
.cta-copy{padding:34px}
.cta-visual{min-height:250px}
.cta-photo{filter:brightness(.72) saturate(.84)}

.site-footer{padding-top:44px;background:#05080b;border-top-color:#273b47}
.footer-grid{gap:36px}
.footer-grid b{font-size:11px!important;letter-spacing:.055em;text-transform:uppercase;color:#d7e0e5}
.footer-grid a,.footer-grid p{font-size:11.5px!important;color:#93a5af}
.footer-grid a:hover{color:#71c8ff}

/* Subpages inherit the same sharper, less template-like identity. */
.subpage-main{padding-top:68px}
.page-hero{
  padding:112px 0 88px;
  background:
    repeating-linear-gradient(90deg,transparent 0 119px,rgba(121,153,171,.045) 120px,transparent 121px),
    #0a1219;
}
.page-hero-photo,.feature-page-card,.role-page-row,.scenario-page-grid article,
.deployment-page-card,.blog-card,.product-console,.proof-frame,.scenario-story,
.role-story,.deployment-v2-card,.architecture-overview,.status-card,.faq-item,
.step-list li,.compare-wrap,.price-card{border-radius:4px}
.page-hero-photo img,.role-page-row img,.scenario-page-grid img,.deployment-page-card img,
.scenario-media>img,.role-visual>img,.deployment-v2-card>img{filter:brightness(.76) saturate(.86) contrast(1.03)}
.blog-card,.status-card,.faq-item,.step-list li,.price-card{background:#101922;border-color:#294452}
.article-page{background:#080d12}
.article-body{color:#c7d1d7}

@media(max-width:1100px){
  .container,.header-inner{width:min(100% - 44px,1320px)}
  .benefit-card:nth-child(n){grid-column:span 6}
  .scenario-phone{width:min(64%,250px)}
}

@media(max-width:820px){
  .site-header{height:62px}
  .subpage-main{padding-top:62px}
  .container,.header-inner{width:calc(100% - 36px)}
  .section{padding:60px 0}
  .hero{padding:102px 0 48px}
  .hero-grid{grid-template-columns:1fr}
  .hero-copy h1{font-size:clamp(46px,10.5vw,62px)}
  .hero-product{height:420px;margin-right:0}
  .browser-preview{width:calc(100% - 38px)}
  .hero-product .hero-phone{right:0;bottom:5px;width:156px;height:340px}
  .browser-chrome{height:38px}
  .browser-preview .hero-app{height:350px;grid-template-columns:150px minmax(0,1fr)}
  .browser-preview .mini-sidebar{padding:12px 9px}.browser-preview .mini-sidebar>span{font-size:8.5px;padding:8px}
  .desktop-nav.mobile-open{top:62px;border-radius:3px;background:#080d12}
  .benefit-grid{grid-template-columns:1fr}
  .benefit-card:nth-child(n){grid-column:auto}
  .situation-grid{grid-template-columns:1fr}
  .situation-image.situation-ui{height:350px;aspect-ratio:auto}
  .scenario-phone{width:min(60%,250px);height:290px}
  .split-heading{grid-template-columns:1fr;gap:12px}
  .page-hero{padding:82px 0 62px}
}

@media(max-width:620px){
  .container,.header-inner{width:calc(100% - 28px)}
  .section{padding:52px 0}
  .hero{padding-top:92px}
  .hero-copy h1{font-size:clamp(42px,12vw,50px);max-width:370px}
  .hero-copy .lead{font-size:15px}
  .hero-points{border-top:0;padding-top:0}
  .hero-product{height:340px}
  .browser-preview{width:calc(100% - 28px);border-radius:5px}
  .hero-product .hero-phone{right:-2px;bottom:1px;width:122px;height:258px;padding:14px 8px 10px;border-radius:22px}
  .hero-product .phone-menu span:nth-child(n+4){display:none}
  .browser-chrome{height:34px;grid-template-columns:48px minmax(0,1fr) 22px;gap:7px;padding:0 8px}
  .browser-dots{gap:4px}.browser-dots i{width:6px;height:6px}
  .browser-address{height:22px;font-size:7.5px}.browser-menu{font-size:8px}
  .browser-preview .hero-app{height:276px;grid-template-columns:94px minmax(0,1fr)}
  .browser-preview .mini-sidebar{padding:9px 6px}.browser-preview .mini-sidebar>span{font-size:6px;padding:6px 5px}
  .browser-preview .app-brand{font-size:9px;margin-bottom:8px}
  .browser-preview .app-bar{height:38px;font-size:8px;padding:0 9px}
  .browser-preview .app-content{padding:10px}
  .browser-preview .app-title-row .mock-title{font-size:17px}
  .browser-preview .app-title-row button{font-size:7px;padding:7px 8px}
  .browser-preview .subtabs{font-size:7px;margin-top:11px;gap:11px}
  .browser-preview .hero-table{font-size:6.8px}
  .browser-preview .tr{grid-template-columns:44px 1.25fr 42px 42px;padding:7px 1px;gap:5px}
  .browser-preview .tr>*:last-child{display:none}
  .browser-preview .tag{font-size:6.5px;padding:2px 4px}
  .benefit-card{padding:18px;min-height:0}
  .benefit-head h3{font-size:19px}
  .feature-photo-card{height:210px}
  .product-section,.situations-section{padding:56px 0}
  .situation-image.situation-ui{height:320px;min-height:0;aspect-ratio:auto}
  .scenario-phone{width:min(70%,230px);height:260px;padding:12px}
  .machine-context,.roles,.deployment{padding:54px 0}
  .footer-grid{gap:26px 18px}
  .page-hero{padding:70px 0 52px}
}

@media(max-width:360px){
  .container,.header-inner{width:calc(100% - 22px)}
  .hero-copy h1{font-size:39px}
  .hero-product{height:306px}
  .browser-preview{width:calc(100% - 22px)}
  .hero-product .hero-phone{width:114px;height:250px;right:-1px}
  .browser-preview .hero-app{height:248px;grid-template-columns:82px minmax(0,1fr)}
  .browser-address{font-size:7px}
  .browser-preview .mini-sidebar>span{font-size:5.6px;padding:5px 4px}
  .browser-preview .subtabs span:nth-child(3),.browser-preview .subtabs span:nth-child(4){display:none}
  .scenario-phone{width:74%;height:250px}
}

/* ------------------------------------------------------------------
   Legacy page canvases and large panels still carried the pre-evolution
   palette (#06111b / #081722). Re-tinted here so every page and panel
   sits on the same carbon/steel surface system as the home page.
   ------------------------------------------------------------------ */
html{background:#05080b}
.contact-only-page{background:radial-gradient(circle at 50% 20%,rgba(31,162,255,.14),transparent 38%),#080d12}
.error-page{background:#080d12}
.page-cta{background:#0a1119}
.cta-section{background:#0a1119}
.product-anchor-nav{background:rgba(8,13,18,.94)}
.product-console,
.proof-frame,
.scenario-story,
.role-story,
.deployment-page-card,
.role-page-row,
.scenario-page-grid article,
.feature-page-card,
.blog-card,
.deployment-v2-card,
.architecture-overview{background:#101922;border-color:#294452}
.proof-frame{background:linear-gradient(180deg,#101922,#0d161e)}
.product-console{background:#0d1720}
.deployment-v2-card>img,.deployment-page-card img,.role-page-row img,
.scenario-page-grid img,.feature-page-card.photo-card>img{filter:brightness(.74) saturate(.86)}
.article-body h2{color:#f2f6f8}
.page-cta-inner p{color:#a9bcc9}