/* Shared navigation and mobile layout for the static Pages build. */
.mobile-menu-button,.mobile-navigation { display:none; }
.page-intro { padding: clamp(5rem, 10vw, 8rem) 0 4rem; background:linear-gradient(135deg,#0a1426,#07111f); }
.page-intro h1 { max-width:900px; font-size:clamp(2.5rem,6vw,4.75rem); margin:1.25rem 0; line-height:1.07; }
.page-intro h1 em { font-style:normal; color:#5fdef5; }
.page-intro p { max-width:690px; color:#8fa9c7; font-size:clamp(1rem,2vw,1.25rem); }
.home-routes { padding:clamp(4rem,8vw,7rem) 0; background:#0a1426; }
.home-routes .h2 { margin:1rem 0 2.25rem; }
.home-route-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; }
.home-route { min-width:0; display:flex; flex-direction:column; padding:2rem; border:1px solid rgba(64,200,224,.2); border-radius:16px; background:#0f1d33; transition:transform .2s,border-color .2s; }
.home-route:hover { transform:translateY(-4px); border-color:#40c8e0; }
.home-route span { font:600 .7rem 'JetBrains Mono',monospace; letter-spacing:.08em; color:#5fdef5; }
.home-route h3 { margin:1rem 0 .65rem; font-size:1.55rem; }
.home-route p { color:#8fa9c7; flex:1; }
.home-route b { color:#5fdef5; margin-top:1.5rem; font-size:.9rem; }
@media (max-width:900px) {
 /* Several product pages define card columns inline; collapse them on tablets. */
 [style*="grid-template-columns: repeat(3, 1fr)"] { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
 [style*="grid-template-columns: repeat(3, 1fr)"] > * { min-width:0; }
 .home-route-grid { grid-template-columns:1fr; }
 .site-header { position:sticky; top:0; z-index:200; }
 .site-header .nav-links,.site-header ul.nav { display:none; }
 .mobile-menu-button { display:grid; place-items:center; position:absolute; right:1rem; top:50%; transform:translateY(-50%); width:44px; height:44px; border:1px solid rgba(64,200,224,.35); border-radius:10px; background:#101f33; color:#f0f7ff; font-size:1.4rem; cursor:pointer; z-index:2; }
 .mobile-navigation:not([hidden]) { display:flex; flex-direction:column; gap:0; padding:.4rem 1rem 1rem; background:#071323; border-top:1px solid rgba(64,200,224,.2); }
 .mobile-navigation a { padding:.8rem .6rem; border-bottom:1px solid rgba(64,200,224,.12); color:#f0f7ff; font-size:1rem; }
 .site-header .cta-btn,.site-header .nav-cta { display:none; }
 .site-header .header-row,.site-header .nav { min-height:68px; height:auto; padding-right:3rem; }
 .topbar { display:none; }
}
@media (max-width:600px) {
 /* Avoid the three narrow ESG columns seen on mobile. */
 [style*="grid-template-columns: repeat(3, 1fr)"],
 [style*="grid-template-columns: 1fr 1fr"] { grid-template-columns:minmax(0,1fr) !important; }
 [style*="grid-template-columns: repeat(3, 1fr)"] > *,
 [style*="grid-template-columns: 1fr 1fr"] > * { min-width:0; max-width:100%; overflow-wrap:anywhere; }
 html,body { max-width:100%; overflow-x:hidden; }
 .site-header .logo { gap:.55rem; min-width:0; }
 .site-header .logo img { width:38px; height:auto; }
 .site-header .logo-text strong { font-size:1rem; line-height:1.1; }
 .site-header .logo-text small { font-size:.5rem; letter-spacing:.08em; }
 .hero { min-height:auto; padding:4rem 0 4.5rem; }
 .hero h1 { font-size:clamp(2.15rem,10vw,3.25rem); line-height:1.08; overflow-wrap:anywhere; }
 .hero h1 .strike { display:inline; }
 .hero-lead { font-size:1rem; line-height:1.55; }
 .hero-badge { max-width:100%; white-space:normal; font-size:.61rem; letter-spacing:.06em; }
 .hero-cta { margin-bottom:0; }
 .hero-cta .btn { width:100%; justify-content:center; text-align:center; }
 .hero-stats { grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; max-width:100%; }
 .hero-stat { min-width:0; padding-left:.7rem; }
 .hero-stat-num { font-size:1.75rem; }
 .hero-stat-label { overflow-wrap:anywhere; letter-spacing:.02em; font-size:.62rem; }
 .trust-grid { grid-template-columns:1fr 1fr; gap:1rem; }
 .trust-item { min-width:0; font-size:.82rem; overflow-wrap:anywhere; }
 .home-route { padding:1.4rem; }
 .page-intro { padding:4rem 0 2rem; }
 .products-section { padding-top:3rem; }
 .products-grid { display:grid; grid-template-columns:1fr; }
 .pcard { min-width:0; overflow-wrap:anywhere; }
 .final-cta-buttons { display:flex; flex-direction:column; align-items:stretch; }
 .final-cta-buttons .btn { justify-content:center; overflow-wrap:anywhere; text-align:center; }
 .footer-grid { grid-template-columns:1fr 1fr; }
 .formula-list li { overflow-wrap:anywhere; }
 [style*="grid-template-columns: repeat(4, 1fr)"] { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
 [style*="display: inline-flex"][style*="border-radius: 999px"] { max-width:100%; flex-wrap:wrap; overflow-wrap:anywhere; }
}

/* Clear navigation on every public page. */
.torsan-navigation {position:sticky!important;top:0;z-index:300!important;display:block!important;opacity:1!important;visibility:visible!important;transform:none!important;background:rgba(5,11,23,.96)!important;padding:10px 0!important}
.torsan-navigation .menu-shell {display:flex!important;align-items:center;justify-content:space-between;gap:24px;padding-top:0;padding-bottom:0;min-height:64px;position:relative}
.torsan-navigation .logo {display:flex;align-items:center;gap:12px;flex-shrink:0;color:#f0f7ff}
.torsan-navigation .logo img {width:auto;height:44px}
.torsan-navigation .logo-text strong,.torsan-navigation .logo-text small {display:block}
.desktop-menu {display:flex;align-items:center;gap:10px}
.desktop-menu a {display:inline-flex;align-items:center;justify-content:center;padding:11px 15px;border:1px solid rgba(64,200,224,.3);border-radius:9px;background:#0f1d33;color:#f0f7ff;font-size:.9rem;font-weight:600;text-decoration:none;white-space:nowrap;transition:background .2s,border-color .2s}
.desktop-menu a:hover,.desktop-menu a:focus-visible {background:#163047;border-color:#40c8e0}
.desktop-menu .menu-demo {background:#ff8c42;border-color:#ff8c42;color:#fff}
.torsan-navigation .mobile-menu-button {display:none}
@media(max-width:1024px){
.desktop-menu {display:none}
.torsan-navigation .mobile-menu-button {display:inline-flex;align-items:center;justify-content:center;gap:8px;position:static;transform:none;width:auto;height:44px;padding:0 14px;background:#101f33;border:1px solid rgba(64,200,224,.4);border-radius:10px;color:#f0f7ff;font-size:1rem;cursor:pointer}
.torsan-navigation .mobile-navigation:not([hidden]) {display:flex;flex-direction:column;padding:12px 20px;gap:8px;background:#071323}
.torsan-navigation .mobile-navigation a {padding:12px 14px;border:1px solid rgba(64,200,224,.3);border-radius:8px;color:#f0f7ff;background:#0f1d33;text-decoration:none}
}
.roi-campaign > .container {padding-top:20px}
.roi-campaign .calc-header {margin-bottom:28px;min-height:44px}
.roi-campaign .calc-title {font-size:clamp(2rem,5vw,3.5rem)}
.roi-campaign .calc-lead {margin-bottom:24px}
.roi-campaign #roi-start {margin-bottom:24px}
@media(max-width:600px){.torsan-navigation .logo img{height:36px;width:auto}.torsan-navigation .menu-shell{gap:10px;min-height:52px}.torsan-navigation .logo-text strong{font-size:.95rem}.torsan-navigation .logo-text small{font-size:.5rem}.roi-campaign > .container{padding:16px}.roi-campaign .calc-header{margin-bottom:24px;flex-wrap:wrap}.roi-campaign .calc-header .back-link{font-size:.75rem}.roi-campaign .calc-title{font-size:2.1rem}.roi-campaign .calc-lead{font-size:.95rem;line-height:1.5}.roi-campaign #roi-start{width:100%;white-space:normal}}

.trio-card[href]{display:block;color:inherit;text-decoration:none;cursor:pointer;transition:transform .2s,border-color .2s}.trio-card[href]:hover,.trio-card[href]:focus-visible{transform:translateY(-4px);border-color:#40c8e0;outline:2px solid #40c8e0;outline-offset:3px}.trio-link{display:block;color:#40c8e0;font-weight:600;margin-top:18px}.foodie-workflow{border:1px solid rgba(64,200,224,.3);border-radius:18px;padding:clamp(20px,4vw,40px);background:#0f1d33}.foodie-workflow>h3{font-size:clamp(1.5rem,3vw,2rem);margin-bottom:24px}.foodie-workflow-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.foodie-workflow article{border:1px solid rgba(64,200,224,.3);border-radius:12px;padding:24px}.foodie-workflow h4{color:#40c8e0;font-size:1.2rem;margin-bottom:14px}.foodie-workflow p{color:#8fa9c7;line-height:1.65}@media(max-width:600px){.foodie-workflow-grid{grid-template-columns:1fr}.foodie-workflow article{padding:20px}}
