/* Lucide React icons are rendered as SVGs at build time, so the landing stays light. */
.icon{display:inline-block;flex:none;width:1em;height:1em;vertical-align:-.13em;background:currentColor;mask-position:center;mask-size:contain;mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat}
.icon-arrow-up-right{mask-image:url('/site/assets/lucide-arrow-up-right.svg');-webkit-mask-image:url('/site/assets/lucide-arrow-up-right.svg')}
.icon-arrow-down{mask-image:url('/site/assets/lucide-arrow-down.svg');-webkit-mask-image:url('/site/assets/lucide-arrow-down.svg')}
.icon-arrow-right{mask-image:url('/site/assets/lucide-arrow-right.svg');-webkit-mask-image:url('/site/assets/lucide-arrow-right.svg')}
.icon-arrow-left{mask-image:url('/site/assets/lucide-arrow-left.svg');-webkit-mask-image:url('/site/assets/lucide-arrow-left.svg')}
.icon-menu{mask-image:url('/site/assets/lucide-menu.svg');-webkit-mask-image:url('/site/assets/lucide-menu.svg')}
.icon-close{mask-image:url('/site/assets/lucide-close.svg');-webkit-mask-image:url('/site/assets/lucide-close.svg')}
.menu-toggle,.mobile-nav-actions{display:none}
.site-header .icon{font-size:16px}
.solution-card .icon,.problem-lines .icon{font-size:20px}
.solution-graphic-flow .icon{font-size:18px}
.system-gallery-arrows .icon{font-size:18px}
.contact-submit .icon,.btn .icon{font-size:17px}
main > section[id]{scroll-margin-top:var(--header-offset,100px)}
html{scroll-snap-type:none}
html.scroll-intentional{scroll-snap-type:y proximity;scroll-padding-top:0}
body[data-synthesis="true"] main > section:not(.opening){scroll-snap-align:start;scroll-snap-stop:normal;scroll-margin-top:var(--header-offset,100px)}
html.menu-open,html.form-focused{scroll-snap-type:none}

@media(max-width:1024px) and (min-width:701px){
  body>.site-header{gap:13px}
  .site-header .brand{width:115px}
  .site-header nav{gap:14px}
  .header-actions{gap:12px}
  .header-cta{display:none}
  .client-link{font-size:11px}
  .contact-grid{grid-template-columns:1fr;gap:34px}
  .contact-action{width:min(100%,680px)}
}

@media(max-width:700px){
  body>.site-header{min-height:64px;display:flex;flex-wrap:nowrap;justify-content:space-between;gap:12px;padding:8px 20px}
  .site-header .brand{width:113px}
  .site-header .brand img{height:46px}
  .site-header .header-actions{display:none}
  .menu-toggle{display:grid;place-items:center;width:44px;height:44px;margin-left:auto;padding:0;color:#fff;background:transparent;border:1px solid #53604b;border-radius:4px;cursor:pointer}
  .menu-toggle .icon{font-size:24px}
  .menu-toggle .icon-close,body.menu-open .menu-toggle .icon-menu{display:none}
  body.menu-open .menu-toggle .icon-close{display:inline-block}
  body.menu-open{overflow:hidden}
  html.menu-open{overflow:hidden}
  body>.site-header nav{position:absolute;top:100%;left:0;right:0;display:none;width:auto;margin:0;padding:17px 20px 22px;background:#050805;border-bottom:1px solid #56644a;box-shadow:0 22px 45px #000b}
  body.menu-open>.site-header nav{display:grid;gap:0}
  body>.site-header nav>a{display:block!important;padding:12px 0;font-size:17px!important;border-bottom:1px solid #2e3a29}
  body>.site-header nav a:after{display:none}
  .mobile-nav-actions{display:flex;justify-content:space-between;align-items:center;gap:14px;padding-top:20px;font-size:13px}
  .mobile-nav-actions a:last-child{color:var(--green)}
  .mobile-nav-actions .icon{font-size:16px}
  .opening .collage-scroll{height:230svh}
  .opening .collage-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}
  .opening .collage-grid>.collage-art{grid-column:auto;grid-row:auto}
  .opening .collage-grid>.collage-art:not(.collage-art-team):not(.collage-art-warehouse):not(.collage-art-code-screen):not(.collage-art-orilla-screen){display:none}
  .opening-copy-track{min-height:100svh;padding-bottom:9svh}
  .opening-copy{padding-top:80px}
  .opening h1{font-size:clamp(37px,9vw,58px);line-height:1.02;margin:19px 0 25px}
  .opening-bottom{display:block;padding-bottom:40px}
  .opening-bottom p{font-size:14px;line-height:1.5}
  .opening-bottom>div{margin-top:22px;gap:12px}
  .partners{gap:12px;padding-block:18px}
  .section{padding-block:60px}
  .problem{padding-top:75px}
  .section-head{margin-bottom:28px}
  .section-head h2{font-size:clamp(34px,8vw,48px)}
  .brain-story{margin-bottom:20px}
  .brain-steps{padding-left:0}
  .brain-step{padding:18px 0 28px}
  .brain-step:before,.brain-network,.connection-lines{display:none}
  .brain-step h3{font-size:23px}
  .brain-card{padding:13px}
  .project-stage{padding:12px}
  .project-demo .mock-main{padding:12px}
  .case-grid{gap:14px}
  .connection-map{grid-template-columns:1fr 1fr;gap:9px}
  .connection-node{min-height:125px;padding:10px}
  .method-list article{padding:19px 0}
  .odoo-grid{gap:22px;padding:25px 18px}
  .odoo-apps{padding:10px}
  .odoo-apps>div{padding:12px}
  .faq summary{font-size:16px}
  .contact-grid{gap:22px}
  body>.ambient{opacity:.1}
}

@media(max-width:390px){
  .opening h1{font-size:36px}
  .connection-map{grid-template-columns:1fr}
  .connection-node{min-height:0}
  .partner-item{gap:8px}
}

@media(prefers-reduced-motion:reduce){html,html.scroll-intentional{scroll-snap-type:none}}