:root{--bg:#071625;--bg2:#0b2030;--panel:#102b3b;--border:rgba(147,193,207,.15);--text:#eaf4f7;--muted:#a2b9c8;--teal:#25ccb7;--teal2:#78eedb;--white:#fff;--max:1160px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;background:var(--bg);color:var(--text);line-height:1.6}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--teal);outline-offset:4px}.wrap{width:min(var(--max),calc(100% - 48px));margin:auto}.skip{position:absolute;top:-100px;left:12px;background:var(--teal);color:#061b25;padding:12px;z-index:200}.skip:focus{top:12px}.announcement{background:#0a2634;border-bottom:1px solid #194257;padding:9px max(24px,calc((100% - var(--max))/2));font-size:11px;letter-spacing:.06em;color:#cae5e8;display:flex;align-items:center;gap:9px}.dot{width:7px;height:7px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 4px #25ccb71e}.announcement-right{margin-left:auto;color:#78a3ae}.site-header{position:sticky;top:0;z-index:100;background:#071625ec;backdrop-filter:blur(18px);border-bottom:1px solid var(--border)}.head-inner{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:inline-flex;align-items:center;gap:12px;flex-shrink:0}.brand-mark{display:grid;place-items:center;font-weight:900;font-size:23px;width:42px;height:42px;letter-spacing:-4px;padding-right:4px;color:#082230;background:linear-gradient(145deg,#81fff0,#12a9a2);border-radius:12px;box-shadow:0 10px 32px #09a89927}.brand-mark span,.screen-side strong span{color:#fff}.brand-text{display:flex;flex-direction:column;line-height:1.2}.brand-text strong{font-size:21px;letter-spacing:.02em}.brand-text strong span{color:var(--teal)}.brand-text small{font-size:8px;letter-spacing:.2em;color:#8aa8b7;margin-top:6px}.nav{display:flex;align-items:center;gap:27px}.nav>a{font-size:12px;font-weight:650;color:#c3d7df;transition:color .2s}.nav>a:hover,.text-link:hover{color:var(--teal2)}.nav .nav-cta{background:var(--teal);color:#05232e;padding:11px 16px;border-radius:8px}.nav-toggle{display:none;background:none;color:#fff;border:1px solid var(--border);border-radius:8px;padding:6px 11px;font-size:20px}.hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 75% 32%,#124454 0%,transparent 43%),radial-gradient(ellipse at -5% 100%,#0d3041 0%,transparent 37%),var(--bg)}.grid-overlay{position:absolute;inset:0;background-image:linear-gradient(#c6f5ff05 1px,transparent 1px),linear-gradient(90deg,#c6f5ff05 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(to bottom,black,transparent 90%)}.hero-grid{position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px;min-height:650px;padding-top:70px;padding-bottom:65px}.eyebrow,.kicker{color:var(--teal2);font-size:11px;letter-spacing:.2em;font-weight:800}.eyebrow{display:flex;align-items:center;gap:10px}.eyeline{height:1px;width:24px;background:var(--teal)}h1,h2,h3,p{margin-top:0}h1,h2{letter-spacing:-.05em;line-height:1.1}h1{font-size:clamp(42px,4.65vw,66px);margin:22px 0 24px}h1 em{font-style:normal;color:var(--teal)}.hero-copy>p{max-width:515px;color:#b8ced8;font-size:15px;line-height:1.9}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:31px 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:20px;cursor:pointer;border:1px solid transparent;border-radius:8px;padding:14px 20px;font-weight:750;font-size:12px;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-2px)}.btn.primary{color:#052b34;background:var(--teal)}.btn.primary:hover{background:var(--teal2)}.btn.ghost{color:#e1eff3;border-color:#487080;background:#12374766}.btn.ghost:hover{background:#1e4655}.hero-meta{display:flex;gap:19px;flex-wrap:wrap;color:#91afb8;font-size:11px}.check{display:inline-block;width:6px;height:6px;background:#23c5ac;border-radius:100%;vertical-align:middle;margin-right:4px}.dashboard{position:relative;transform:perspective(950px) rotateY(-7deg) rotateX(3deg);filter:drop-shadow(0 30px 50px #020d16aa)}.screen{border:1px solid #346b75;border-radius:16px;background:#0b1c2a;padding:10px;box-shadow:inset 0 0 0 1px #ffffff09,0 0 50px #14adab13}.screen-top{display:flex;align-items:center;gap:12px;padding:8px 9px 15px;color:#7e9ba8;font-size:9px;letter-spacing:.12em}.traffic{display:flex;gap:4px}.traffic b{display:block;width:6px;height:6px;border-radius:100%;background:#54717b}.traffic b:first-child{background:#d38b75}.traffic b:nth-child(2){background:#d0bb71}.traffic b:last-child{background:#50a898}.status{margin-left:auto;color:#38d0ac;font-size:8px;letter-spacing:.06em}.screen-content{display:flex;min-height:306px;background:linear-gradient(120deg,#102a3b,#102432);border-radius:8px;border:1px solid #234958;overflow:hidden}.screen-side{width:50px;flex-shrink:0;background:#0a1d2b;border-right:1px solid #234958;display:flex;align-items:center;flex-direction:column;gap:18px;padding:19px 8px}.screen-side strong{font-size:20px;color:#51d1bf}.side-pill{height:17px;width:17px;border-radius:5px;background:#27495a}.side-pill.on{background:#39a998}.screen-body{padding:24px 21px;min-width:0;flex:1}.screen-greeting{font-weight:750;font-size:15px;display:flex;justify-content:space-between;gap:5px}.screen-greeting span{font-size:10px;color:#68c7be;font-weight:500}.kpi-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:22px 0}.kpi{padding:12px 10px;background:#1b3b4b;border:1px solid #ffffff0d;border-radius:8px;display:flex;flex-direction:column}.kpi span{font-size:9px;color:#a3c3cc}.kpi b{font-size:30px;color:#d9faff;line-height:1.4}.kpi small{color:#5ec8b8;font-size:9px}.chart-top{display:flex;justify-content:space-between;color:#c5e5ed;font-size:10px}.chart-top span{font-size:8px;color:#6aa6b0}.chart-bars{height:90px;display:flex;align-items:flex-end;gap:9px;padding:10px 5px 0;border-bottom:1px solid #47717b55}.chart-bars i{display:block;width:100%;height:var(--h);background:linear-gradient(0deg,#168b87,#53ead3);border-radius:3px 3px 0 0;opacity:.8}.chart-bars i:nth-child(even){opacity:.42}.screen-footer{display:flex;justify-content:space-between;gap:8px;font-size:9px;color:#86afb9;margin-top:17px}.screen-footer strong{color:#37c3ac}.float-note{position:absolute;bottom:-20px;right:-13px;background:#f4fffd;color:#143643;padding:13px 22px;border-radius:10px;box-shadow:0 16px 40px #00182266;display:flex;gap:10px;align-items:center}.float-note b,.float-note small{display:block}.float-note b{font-size:11px}.float-note small{font-size:9px;color:#6c8c97}.float-icon{color:#0c9d93;font-size:26px}.hero-bottom{position:relative;display:flex;align-items:center;justify-content:space-around;gap:20px;padding:25px 0;border-top:1px solid var(--border);font-size:10px;letter-spacing:.18em;color:#83a5af;font-weight:700}.hero-bottom>span{color:#2dcbb5}.section{padding:100px 0}.intro{background:#f2f7f8;color:#17313e}.section-head{max-width:700px;margin-bottom:39px}.section-head h2,.cloud-layout h2,.contact-grid h2{font-size:clamp(36px,4.1vw,53px);margin:19px 0}.section-head h2 span,.cloud-layout h2 span,.contact-grid h2 span{color:#0ca99a}.section-head>p{font-size:15px;line-height:1.85;color:#5e7885;max-width:690px}.intro .kicker,.cloud-section .kicker,.process-section .kicker{color:#078f8c}.split-cards{display:grid;grid-template-columns:1fr 1fr;gap:21px}.product-card{position:relative;overflow:hidden;padding:34px;border-radius:14px;min-height:425px}.core-card{background:#0b2a39;color:#eaf8f9}.cloud-card{background:#fff;color:#183645;border:1px solid #d8e4e8}.tag{font-size:9px;letter-spacing:.16em;font-weight:800;color:#63e5ce;display:flex;gap:8px;align-items:center}.tag-dot{width:7px;height:7px;background:#38d9bc;border-radius:100%}.tag.neutral{color:#66909d}.product-symbol{font-size:46px;line-height:1.4;margin:16px 0 5px;color:#32cbb9}.product-card h3{font-size:31px;letter-spacing:-.04em;margin-bottom:12px}.product-card h3 span{color:var(--teal)}.cloud-card h3 span{color:#0ba596}.product-card>p{color:#afc7ce;max-width:450px;font-size:13px}.cloud-card>p{color:#637e89}.product-card ul{padding:0;list-style:none;margin:22px 0 25px}.product-card li{font-size:12px;margin-bottom:9px;padding-left:20px;position:relative}.product-card li:before{content:'✓';position:absolute;left:0;color:var(--teal)}.cloud-card li:before{color:#129b92}.product-card a{font-size:12px;font-weight:800;color:#6ce9d9}.cloud-card a{color:#079d94}.card-state{border-top:1px solid #ffffff23;color:#95bfcb;font-size:10px;padding-top:15px;margin-top:25px}.card-state.future{border-color:#d8e4e8;color:#728e99}.dark-band{background:#071826}.dark-band .section-head>p,.faq-section .section-head>p{color:#9cb7c4}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.feature-grid article{padding:27px;background:#112b3b;border:1px solid #264555;border-radius:11px;min-height:205px}.feature-icon{font-size:26px;color:#36cfb9}.feature-grid h3{font-size:16px;margin:10px 0 8px}.feature-grid p{font-size:12px;line-height:1.8;color:#a4bfcb}.notice{margin-top:21px;padding:19px 22px;border-left:3px solid #2bd1ba;background:#123544;color:#d8eef0}.notice strong{font-size:13px}.notice p{font-size:11px;color:#a7c8d0;margin:6px 0 0}.cloud-section{background:#e8f2f4;color:#15313f}.cloud-layout{display:grid;grid-template-columns:1fr 1fr;gap:85px}.cloud-layout>div:first-child>p{color:#5c7785;max-width:470px}.text-link{color:#087f7e;font-size:13px;font-weight:800}.module-list{margin-top:22px}.module-list>div{padding:17px 0;border-bottom:1px solid #cbdde3;display:flex;align-items:center;gap:21px}.module-list>div>span{color:#08a696;font-size:12px;font-weight:800}.module-list strong{flex:1;font-size:14px}.module-list small{font-size:10px;color:#6a8490}.module-list>p{color:#738b96;font-size:11px;margin-top:20px}.process-section{background:#fff;color:#17313e}.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.steps>div{padding:18px;border-top:2px solid #0fada1;background:#f2f8f9}.steps span{font-size:28px;color:#0eaca0;font-weight:800}.steps b{display:block;margin-top:15px;font-size:14px}.steps p{color:#69818d;font-size:11px;margin-top:8px}.faq-section{background:#0b1e2b}.faq-list{max-width:875px}.faq-list details{border-bottom:1px solid #2c4753;padding:22px 0}.faq-list summary{font-size:15px;font-weight:700;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px}.faq-list summary:after{content:'+';color:#32c9b5;font-size:23px;line-height:1}.faq-list details[open] summary:after{content:'−'}.faq-list p{color:#9ebac5;font-size:13px;max-width:730px;padding-top:12px}.contact-section{background:#102f3c}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.contact-grid>div>p{color:#b1cad2;font-size:14px;line-height:1.8}.contact-grid>div>p>a{color:#76e5d7}.contact-small{font-size:12px!important;margin-top:35px}.lead-form{padding:31px;background:#f5fbfc;color:#183542;border-radius:12px}.lead-form h3{font-size:21px;margin:0 0 22px}.lead-form label{display:block;font-weight:750;font-size:11px;margin:14px 0 6px}.lead-form input,.lead-form textarea,.lead-form select{display:block;width:100%;padding:11px 12px;color:#103541;background:#fff;border:1px solid #bfd4db;border-radius:6px;font-size:13px}.lead-form .full{width:100%;margin-top:18px}.form-hint{font-size:10px;color:#627e89;margin:13px 0 0}.form-feedback{font-size:12px;color:#087a75;margin-top:8px}.footer{background:#061420}.footer-top{padding:45px 0;display:flex;justify-content:space-between;align-items:center;gap:30px}.footer-top>div{display:flex;gap:25px;font-size:11px;color:#b2c8d0}.footer-bottom{border-top:1px solid #1d3845;padding:21px 0 29px;display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#7997a5}@media(max-width:1000px){.nav{gap:15px}.nav>a{font-size:11px}.hero-grid{gap:20px}.dashboard{transform:none}.feature-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:800px){.head-inner{min-height:70px}.nav-toggle{display:block}.nav{position:absolute;left:0;right:0;top:100%;display:none;flex-direction:column;align-items:stretch;background:#071725;border-bottom:1px solid #29495b;padding:20px 24px;gap:15px}.nav.open{display:flex}.nav>a{font-size:14px}.nav .nav-cta{text-align:center}.announcement-right{display:none}.hero-grid{grid-template-columns:1fr;min-height:auto;padding:70px 0 80px}.hero-copy{max-width:640px}.dashboard{max-width:580px;margin:15px auto 0;width:100%}.split-cards,.cloud-layout,.contact-grid{grid-template-columns:1fr;gap:22px}.steps{grid-template-columns:repeat(3,1fr)}.section{padding:73px 0}}@media(max-width:540px){.wrap{width:min(var(--max),calc(100% - 32px))}.announcement{padding:9px 16px;font-size:9px}.brand-text strong{font-size:17px}.brand-text small{font-size:6.5px}.brand-mark{height:37px;width:37px}h1{font-size:42px}.hero-grid{padding-top:54px}.hero-actions{display:grid}.hero-meta{gap:8px 16px}.screen-body{padding:16px 11px}.kpi{padding:8px}.kpi b{font-size:22px}.screen-top{font-size:7px}.float-note{right:0}.hero-bottom{gap:8px;font-size:7px;letter-spacing:.03em}.product-card{padding:24px;min-height:unset}.feature-grid{grid-template-columns:1fr}.steps{grid-template-columns:repeat(2,1fr)}.module-list>div{gap:10px}.module-list strong{font-size:12px}.footer-top,.footer-bottom{flex-direction:column;align-items:flex-start}.footer-top>div{flex-wrap:wrap;gap:13px}.lead-form{padding:22px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* ALTEM GASTRO logo */
.brand-logo{display:block;width:186px;max-width:100%;height:auto;object-fit:contain}

/* PATCH 2026-10-28: Ekosystem ALTEM - responsive accessible dropdown */
.ecosystem-menu{position:relative;color:#c3d7df;font-size:12px;font-weight:650}
.ecosystem-menu>summary{list-style:none;cursor:pointer;display:flex;gap:7px;align-items:center;padding:10px 0;white-space:nowrap}
.ecosystem-menu>summary::-webkit-details-marker{display:none}
.ecosystem-menu>summary:hover,.ecosystem-menu[open]>summary{color:var(--teal2)}
.ecosystem-menu>summary:focus-visible,.ecosystem-links a:focus-visible{outline:3px solid var(--teal);outline-offset:3px}
.ecosystem-menu[open]>summary span{transform:rotate(180deg)}
.ecosystem-menu summary span{transition:transform .15s}
.ecosystem-links{position:absolute;right:0;top:100%;min-width:250px;display:grid;gap:3px;padding:9px;background:#0b2332;border:1px solid #285264;border-radius:12px;box-shadow:0 18px 32px #0008;z-index:110}
.ecosystem-links a{padding:10px 12px;display:flex;flex-direction:column;gap:2px;border-radius:7px;color:#f1fafb;font-weight:650}
.ecosystem-links a:hover{background:#174456;color:#78eedb}
.ecosystem-links small{font-size:10px;color:#a2b9c8;font-weight:400}
@media(max-width:1000px) and (min-width:801px){.nav{gap:12px}.nav>a,.ecosystem-menu{font-size:11px}}
@media(max-width:800px){.ecosystem-menu{width:100%;font-size:14px}.ecosystem-menu>summary{padding:13px 0}.ecosystem-links{position:static;min-width:0;width:100%;box-shadow:none;margin-bottom:8px}.ecosystem-links a{padding:12px}}

/* ALTEM GASTRO LOGO READABILITY PATCH — 2026-10-28
   Site header: wider logo; tagline visible at comfortable size. */
.site-header .brand-logo{width:274px;height:auto;max-width:100%}
.footer .brand-logo{width:250px;height:auto;max-width:100%}
@media (max-width:1160px) and (min-width:801px){
  .site-header .brand-logo{width:235px}
  .nav{gap:13px}
}
@media(max-width:800px){
  .site-header .brand-logo{width:240px}
}
@media(max-width:540px){
  .site-header .brand-logo{width:216px}
  .footer .brand-logo{width:216px}
}